From dfa1c6e2f2977c32f75c1d93d9e7eb44fbed28c0 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Sun, 4 Jul 2021 02:22:39 +0200
Subject: viewer: use CSS modules

GitHub: closes #196
---
 viewer/src/components/LdCommandSearch.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'viewer/src/components/LdCommandSearch.vue')

diff --git a/viewer/src/components/LdCommandSearch.vue b/viewer/src/components/LdCommandSearch.vue
index 33ab804..61b66f4 100644
--- a/viewer/src/components/LdCommandSearch.vue
+++ b/viewer/src/components/LdCommandSearch.vue
@@ -18,7 +18,7 @@
 -->
 
 <template>
-  <div class="flex webkit-flex-shrink-fix">
+  <div class="flex" :class="$style.webkitFlexShrinkFix">
     <b-button @click="clear">
       <fa-icon icon="eraser" />
       <span>{{ $t("command.search.clear") }}</span>
@@ -47,10 +47,10 @@ export default class LdCommandSearch extends Vue {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" module>
 // fix flexbox shrinking and overlap in old webkit versions
 // https://github.com/pacien/ldgallery/issues/183
-.webkit-flex-shrink-fix {
+.webkitFlexShrinkFix {
   flex: none;
 }
 </style>
-- 
cgit v1.2.3

