refacto: we used twice the same css name in scoped mode

TelesCoop · Feb 14, 2025 · 8eef585 · 8eef585
1 parent 1c16b84
commit 8eef585
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/front/src/components/map/MapComponent.vue b/front/src/components/map/MapComponent.vue
@@ -26,13 +26,12 @@ onMounted(() => {
 </script>
 
 <template>
-  <div :id="mapId" data-cy="map-component" class="map-container"></div>
+  <div :id="mapId" data-cy="map-component" class="map-component"></div>
   <map-plantabilite-legend />
 </template>
 
-<style lang="sass">
-.map-container
+<style lang="sass" scoped>
+.map-component
   height: 100%
   width: 100%
-  position: relative
 </style>
diff --git a/front/src/views/MapView.vue b/front/src/views/MapView.vue
@@ -13,4 +13,5 @@ import MapComponent from "@/components/map/MapComponent.vue"
   max-width: 100vw
   height:  $content-height
   overflow: hidden
+  position: relative
 </style>