Update ActionMessage.vue

n1crack · Jun 30, 2024 · 07ee0f1 · 07ee0f1
1 parent a663216
commit 07ee0f1
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/components/ActionMessage.vue b/src/components/ActionMessage.vue
@@ -1,11 +1,20 @@
 <template>
-  <div class="text-sm text-green-600 dark:text-green-600 transition-opacity duration-500 ease-out"
-       :class="[{ 'opacity-0': !shown }]">
+  <div class="vuefinder__action-message" :class="{ 'vuefinder__action-message--hidden': !shown }">
     <slot v-if="$slots.default"/>
     <span v-else>{{ t('Saved.') }}</span>
   </div>
 </template>
 
+<style>
+.vuefinder__action-message {
+  @apply text-sm text-green-600 dark:text-green-600 transition-opacity duration-500 ease-out;
+}
+
+.vuefinder__action-message--hidden {
+  @apply opacity-0;
+}
+</style>
+
 <script>
 import {ref, onMounted, onUnmounted, inject} from 'vue';