#24:

- fixed vue component styling not being loaded (was not included in twig) - added carousel styling to component styling Signed-off-by: zischler <tobias.zischler@gmx.ch>
zischler · Dec 30, 2020 · 6e5ce2b · 6e5ce2b
1 parent a58fd90
commit 6e5ce2b
Show file tree

Hide file tree

Showing 5 changed files with 3 additions and 2 deletions.
diff --git a/craft/templates/_layout.twig b/craft/templates/_layout.twig
@@ -28,6 +28,7 @@
         {# CSS #}
         {{ craft.twigpack.includeInlineCssTags("@webroot/webresources/build/module/critical.css") }}
         {{ craft.twigpack.includeInlineCssTags("@webroot/webresources/build/module/helium.css") }}
+        {{ craft.twigpack.includeInlineCssTags("@webroot/webresources/build/module/main.css") }}
 
         <!-- Android / Standard: 192x192px -->
         <meta name="application-name" content="{{ applicationName }}">

diff --git a/frontend/application/src/components/carousel-slide.vue b/frontend/application/src/components/carousel-slide.vue
@@ -5,4 +5,4 @@
 </template>
 
 <script lang="ts" src="./scripts/carousel-slide.ts"></script>
-<style scoped src="../styles/styles-async/carousel.css"></style>
+<style scoped src="../styles/styles-components/carousel.css"></style>
diff --git a/frontend/application/src/components/carousel.vue b/frontend/application/src/components/carousel.vue
@@ -38,3 +38,4 @@
 </template>
 
 <script lang="ts" src="./scripts/carousel.ts"></script>
+<style scoped src="../styles/styles-components/carousel.css"></style>
diff --git a/frontend/application/src/styles/bundles/styles-async.css b/frontend/application/src/styles/bundles/styles-async.css
@@ -23,4 +23,3 @@
 @import "../styles-async/accordeon.css";
 @import "../styles-async/quote.css";
 @import "../styles-async/global-transitions.css";
-@import "../styles-async/carousel.css";
diff --git a/...tion/src/styles/styles-async/carousel.css → ...src/styles/styles-components/carousel.css b/...tion/src/styles/styles-async/carousel.css → ...src/styles/styles-components/carousel.css