upd(extension): highlight disabled status

haywood2018 · May 6, 2022 · c088be6 · c088be6
1 parent fe72e84
commit c088be6
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/renderer/components/ExtensionManager.vue b/src/renderer/components/ExtensionManager.vue
@@ -31,8 +31,8 @@
                     <div v-if="!item.compatible.value" class="status">{{ $t('extension.incompatible') }}</div>
                     <div v-if="!item.installed" class="status">{{ $t('extension.not-installed') }}</div>
                     <div v-if="item.installed && item.enabled" class="status">{{ $t('extension.enabled') }}</div>
-                    <div v-if="item.installed && !item.enabled" class="status">{{ $t('extension.disabled') }}</div>
-                    <div v-if="item.dirty" class="status">{{ $t('extension.reload-required') }}</div>
+                    <div v-if="item.installed && !item.enabled" class="status warning">{{ $t('extension.disabled') }}</div>
+                    <div v-if="item.dirty" class="status warning">{{ $t('extension.reload-required') }}</div>
                   </div>
                 </div>
               </div>
@@ -713,4 +713,8 @@ iframe {
 .upgradable {
   color: #4caf50;
 }
+
+.warning {
+  color: #f44336 !important;
+}
 </style>