feat(apps): dim vue version

vuejs · Jan 20, 2023 · 049abd8 · 049abd8
1 parent 43eb6b0
commit 049abd8
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 2 deletions.
diff --git a/packages/app-frontend/src/features/apps/AppSelect.vue b/packages/app-frontend/src/features/apps/AppSelect.vue
@@ -118,6 +118,7 @@ export default defineComponent({
     <template #default="{ item }">
       <AppSelectItem
         :app="item"
+        :selected="currentApp === item"
       />
     </template>
 

diff --git a/packages/app-frontend/src/features/apps/AppSelectItem.vue b/packages/app-frontend/src/features/apps/AppSelectItem.vue
@@ -8,6 +8,11 @@ export default defineComponent({
       type: Object,
       required: true,
     },
+
+    selected: {
+      type: Boolean,
+      default: false,
+    },
   },
 
   setup (props) {
@@ -27,7 +32,12 @@ export default defineComponent({
   <div class="leading-tight">
     <div class="app-button flex items-center">
       <span class="truncate flex-1">{{ app.name }}</span>
-      <span class="flex-none flex items-center">
+      <span
+        class="flex-none flex items-center"
+        :class="{
+          'opacity-40': !selected,
+        }"
+      >
         <img
           src="~@front/assets/vue-logo.svg"
           class="w-6 h-6"

diff --git a/packages/app-frontend/src/features/apps/AppSelectPaneItem.vue b/packages/app-frontend/src/features/apps/AppSelectPaneItem.vue
@@ -39,7 +39,12 @@ export default defineComponent({
   >
     <div class="flex items-center">
       <span class="truncate flex-1">{{ app.name }}</span>
-      <span class="flex-none flex items-center">
+      <span
+        class="flex-none flex items-center"
+        :class="{
+          'opacity-40': !selected,
+        }"
+      >
         <img
           src="~@front/assets/vue-logo.svg"
           class="w-6 h-6"