perf: 优化主题色及样式 (#7009)

1Panel-dev · Nov 12, 2024 · f2849aa · f2849aa
1 parent ee947b6
commit f2849aa
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 12 deletions.
diff --git a/frontend/src/components/app-status/index.vue b/frontend/src/components/app-status/index.vue
@@ -72,13 +72,9 @@
                             :content="$t('website.openrestyHelper', [httpPort, httpsPort])"
                             placement="top-start"
                         >
-                            <el-alert
-                                :title="$t('app.checkTitle')"
-                                :closable="false"
-                                type="warning"
-                                show-icon
-                                class="h-8"
-                            />
+                            <el-button size="small" type="warning" :icon="Warning">
+                                {{ $t('app.checkTitle') }}
+                            </el-button>
                         </el-tooltip>
                     </div>
                 </div>
@@ -113,6 +109,7 @@ import { ElMessageBox } from 'element-plus';
 import i18n from '@/lang';
 import { MsgSuccess } from '@/utils/message';
 import { ClearNginxCache } from '@/api/modules/nginx';
+import { Warning } from '@element-plus/icons-vue';
 
 const props = defineProps({
     appKey: {

diff --git a/frontend/src/styles/element-dark.scss b/frontend/src/styles/element-dark.scss
@@ -114,7 +114,7 @@ html.dark {
 
     .el-tag.el-tag--primary {
         --el-tag-bg-color: var(--panel-main-bg-color-9);
-        --el-tag-border-color: var(--panel-color-primary-light-8);
+        --el-tag-border-color: var(--panel-main-bg-color-8);
         --el-tag-hover-color: var(--panel-color-primary);
     }
 

diff --git a/frontend/src/views/app-store/apps/index.vue b/frontend/src/views/app-store/apps/index.vue
@@ -100,10 +100,19 @@
                                 <el-col :xs="16" :sm="18" :md="18" :lg="18" :xl="19">
                                     <div class="app-content">
                                         <div class="app-header">
-                                            <span class="app-title">{{ app.name }}</span>
-                                            <el-text type="success" class="!ml-2" v-if="app.installed">
-                                                {{ $t('app.allReadyInstalled') }}
-                                            </el-text>
+                                            <el-space wrap :size="1">
+                                                <span class="app-title">{{ app.name }}</span>
+                                                <el-tag
+                                                    type="success"
+                                                    v-if="app.installed"
+                                                    round
+                                                    size="small"
+                                                    class="!ml-2"
+                                                >
+                                                    {{ $t('app.allReadyInstalled') }}
+                                                </el-tag>
+                                            </el-space>
+
                                             <el-button
                                                 class="app-button"
                                                 type="primary"

diff --git a/frontend/src/views/login/components/login-form.vue b/frontend/src/views/login/components/login-form.vue
@@ -534,6 +534,10 @@ onMounted(() => {
         margin-top: -20px;
         margin-left: 20px;
     }
+
+    :deep(.el-input__inner) {
+        color: #000 !important;
+    }
 }
 .cursor-pointer {
     outline: none;