Correction de bugs.

Skyost · Jan 6, 2024 · d772bcf · d772bcf
1 parent 2a99e70
commit d772bcf
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 31 deletions.
diff --git a/components/Page/Carousel/Carousel.vue b/components/Page/Carousel/Carousel.vue
@@ -56,9 +56,9 @@ const root = ref<HTMLDivElement>()
 onMounted(async () => {
   await nextTick()
   // @ts-ignore
-  const bootstrap = await import('bootstrap')
+  const Carousel = useNuxtApp().$bootstrap.carousel
   // eslint-disable-next-line
-  new bootstrap.Carousel(root.value)
+  new Carousel(root.value)
 })
 </script>
 

diff --git a/components/SmartBanner/SmartBanner.vue b/components/SmartBanner/SmartBanner.vue
@@ -39,27 +39,3 @@ const onClose = () => {
     @close="onClose"
   />
 </template>
-
-<style lang="scss" scoped>
-.smartbanner {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 4;
-  padding: 10px 20px;
-  max-height: 120px;
-
-  .smartbanner-close {
-    font-size: 20px;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  .info {
-    display: block;
-    width: 100%;
-  }
-}
-</style>
diff --git a/components/SmartBanner/SmartBannerContent.vue b/components/SmartBanner/SmartBannerContent.vue
@@ -70,6 +70,28 @@ const onClose = () => {
 </template>
 
 <style lang="scss" scoped>
+.smartbanner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 4;
+  padding: 10px 20px;
+  max-height: 120px;
+
+  .smartbanner-close {
+    font-size: 20px;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .info {
+    display: block;
+    width: 100%;
+  }
+}
+
 .smartbanner-android {
   background: #3d3d3d url('data:image/gif;base64,R0lGODlhCAAIAIABAFVVVf///yH5BAEHAAEALAAAAAAIAAgAAAINRG4XudroGJBRsYcxKAA7');
   color: white;

diff --git a/pages/cours/[level]/[lesson]/[[slug]].vue b/pages/cours/[level]/[lesson]/[[slug]].vue
@@ -91,6 +91,15 @@ if (!config.public.debug) {
 
 .page-header {
   padding: 50px 0;
+
+  @include media-breakpoint-down(md) {
+    padding: 30px 0;
+  }
+
+  @include media-breakpoint-down(sm) {
+    padding-top: 10px;
+    padding-bottom: 0;
+  }
 }
 
 .page-lesson {

diff --git a/plugins/bootstrap.client.ts b/plugins/bootstrap.client.ts
@@ -2,13 +2,12 @@ import * as bootstrapCollapse from 'bootstrap/js/dist/collapse'
 import * as bootstrapModal from 'bootstrap/js/dist/modal'
 import * as bootstrapCarousel from 'bootstrap/js/dist/carousel'
 import * as bootstrapDropdown from 'bootstrap/js/dist/dropdown'
-import { defineNuxtPlugin } from '#app'
 
 export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.provide('bootstrap', {
-    ...bootstrapCollapse,
-    ...bootstrapModal,
-    ...bootstrapCarousel,
-    ...bootstrapDropdown
+    collapse: bootstrapCollapse,
+    modal: bootstrapModal,
+    carousel: bootstrapCarousel,
+    dropdown: bootstrapDropdown
   })
 })