Merge pull request #94 from Geoportail-Luxembourg/mini_mo_fix_style

fix some minor css style issues where v4 formatting was overthrown by v3
Geoportail-Luxembourg · Apr 12, 2024 · e1fc432 · e1fc432
2 parents fbcb827 + 1067c25
commit e1fc432
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/components/style-selector/expert-style-selector.vue b/src/components/style-selector/expert-style-selector.vue
@@ -67,18 +67,22 @@ function getStyleUrl() {
         class="text-white border-2 relative h-[100px] w-[85px] mx-[10px] my-0 mb-[15px] z-5 text-sm after:absolute after:left-[20px] after:top-[10px] after:z-4 after:w-[3.6em] after:text-center after:content-download"
         @click="downloadCustomStyleFile()"
       >
-        <span class="absolute top-[70px] w-full text-center text-base">
+        <span
+          class="absolute top-[70px] w-full text-center text-base leading-3 font-medium text-white"
+        >
           {{ t('Download style') }}
         </span>
       </a>
       <div
         class="text-white border-2 relative h-[100px] w-[85px] mx-[10px] my-0 mb-[15px] text-sm"
       >
         <label
-          class="'block z-[5] w-full h-full cursor-pointer after:absolute after:py-[15px] after:px-[15px] after:w-full after:text-center after:content-upload"
+          class="'block z-[5] w-full h-full cursor-pointer after:absolute after:pt-[15px] after:px-[15px] after:w-full after:text-center after:content-upload"
           for="uploadMvtStyle"
         >
-          <span class="absolute top-[70px] w-full text-center text-base">
+          <span
+            class="absolute top-[70px] w-full text-center text-base leading-3 font-medium"
+          >
             {{ t('Upload style') }}
           </span>
         </label>

diff --git a/src/components/style-selector/medium-style-item.vue b/src/components/style-selector/medium-style-item.vue
@@ -33,7 +33,9 @@ function updateVisibility(visibilityChangeEvent: Event) {
 
 <template>
   <div class="flex w-full items-center">
-    <label for="colorId" class="w-40">{{ t(style.label) }}</label>
+    <label for="colorId" class="w-40 m-0 font-medium">{{
+      t(style.label)
+    }}</label>
     <div class="grow">
       <input
         v-if="colorEditable && props.style.color"