mirror of
https://gitee.com/mirrors/AllinSSL.git
synced 2026-03-13 10:00:53 +08:00
【新增】插件git同步模块，用于同步项目内容，加速项目开发
【调整】前端暗色问题
This commit is contained in:
chudong
@@ -1,72 +1,10 @@
|
||||
/* 主题颜色变量 */
|
||||
:root {
|
||||
--text-primary: #1a1a1a;
|
||||
--text-secondary: #666666;
|
||||
--text-success: #22c55e;
|
||||
--text-warning: #eab308;
|
||||
--text-error: #ef4444;
|
||||
--text-info: #3b82f6;
|
||||
--text-default: #6b7280;
|
||||
|
||||
--bg-primary: #ffffff;
|
||||
--bg-secondary: #f3f4f6;
|
||||
--bg-success-light: #dcfce7;
|
||||
--bg-warning-light: #fef9c3;
|
||||
--bg-error-light: #fee2e2;
|
||||
--bg-info-light: #dbeafe;
|
||||
|
||||
/* 快捷入口卡片颜色 */
|
||||
--workflow-bg: rgba(16, 185, 129, 0.08);
|
||||
--workflow-icon-bg: rgba(16, 185, 129, 0.15);
|
||||
--workflow-color: #10B981;
|
||||
|
||||
--cert-bg: rgba(245, 158, 11, 0.08);
|
||||
--cert-icon-bg: rgba(245, 158, 11, 0.15);
|
||||
--cert-color: #F59E0B;
|
||||
|
||||
--monitor-bg: rgba(139, 92, 246, 0.08);
|
||||
--monitor-icon-bg: rgba(139, 92, 246, 0.15);
|
||||
--monitor-color: #8B5CF6;
|
||||
}
|
||||
|
||||
/* 暗色模式 */
|
||||
:root[data-theme='dark'] {
|
||||
--text-primary: #ffffff;
|
||||
--text-secondary: #9ca3af;
|
||||
--text-success: #4ade80;
|
||||
--text-warning: #facc15;
|
||||
--text-error: #f87171;
|
||||
--text-info: #60a5fa;
|
||||
--text-default: #9ca3af;
|
||||
|
||||
--bg-primary: #1a1a1a;
|
||||
--bg-secondary: #262626;
|
||||
--bg-success-light: rgba(34, 197, 94, 0.2);
|
||||
--bg-warning-light: rgba(234, 179, 8, 0.2);
|
||||
--bg-error-light: rgba(239, 68, 68, 0.2);
|
||||
--bg-info-light: rgba(59, 130, 246, 0.2);
|
||||
|
||||
/* 暗色模式下的快捷入口卡片颜色 */
|
||||
--workflow-bg: rgba(16, 185, 129, 0.12);
|
||||
--workflow-icon-bg: rgba(16, 185, 129, 0.2);
|
||||
--workflow-color: #34D399;
|
||||
|
||||
--cert-bg: rgba(245, 158, 11, 0.12);
|
||||
--cert-icon-bg: rgba(245, 158, 11, 0.2);
|
||||
--cert-color: #FCD34D;
|
||||
|
||||
--monitor-bg: rgba(139, 92, 246, 0.12);
|
||||
--monitor-icon-bg: rgba(139, 92, 246, 0.2);
|
||||
--monitor-color: #A78BFA;
|
||||
}
|
||||
|
||||
/* 状态文本颜色 */
|
||||
.stateText {
|
||||
&.success { color: var(--text-success); }
|
||||
&.warning { color: var(--text-warning); }
|
||||
&.error { color: var(--text-error); }
|
||||
&.info { color: var(--text-info); }
|
||||
&.default { color: var(--text-default); }
|
||||
&.success { color: #22c55e; }
|
||||
&.warning { color: #eab308; }
|
||||
&.error { color: #ef4444; }
|
||||
&.info { color: #3b82f6; }
|
||||
&.default { color: #6b7280; }
|
||||
}
|
||||
|
||||
/* 卡片样式 */
|
||||
@@ -145,15 +83,3 @@
|
||||
font-weight: 500;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
/* 表格样式 */
|
||||
.tableText {
|
||||
color: var(--text-secondary);
|
||||
}
|
||||
|
||||
.viewAllButton {
|
||||
color: var(--text-info);
|
||||
&:hover {
|
||||
color: var(--text-primary);
|
||||
}
|
||||
}
|
||||
@@ -23,7 +23,7 @@ export default defineComponent({
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
{/* 自动化工作流概览卡片 */}
|
||||
<div onClick={() => pushToWorkflow()} class="cursor-pointer relative">
|
||||
<div class="absolute right-0 top-0 w-24 h-24 rounded-full bg-blue-50 dark:bg-blue-900/30 opacity-70 -z-10"></div>
|
||||
<div class="absolute right-0 top-0 w-24 h-24 rounded-full bg-blue-50 opacity-70 -z-10"></div>
|
||||
<NCard class="transition-all duration-300 rounded-[0.6rem]" hoverable={true} bordered={false}>
|
||||
<div class="flex items-center justify-center">
|
||||
<div class="flex-1">
|
||||
@@ -33,7 +33,7 @@ export default defineComponent({
|
||||
<span class="text-[2.4rem] font-bold">{overviewData.value.workflow.count}</span>
|
||||
<p class={styles.tableText}>{$t('t_3_1746773348798')}</p>
|
||||
</div>
|
||||
<div class="border-l-2 dark:border-gray-600 pl-[2rem] ml-[3rem]">
|
||||
<div class="border-l-2 pl-[2rem] ml-[3rem] h-[5rem] lining-[5rem]">
|
||||
<div class="flex items-center space-x-1">
|
||||
<span class="w-4 h-4 rounded-full mr-[.6rem] bg-green-500"></span>
|
||||
<span class={styles.tableText}>
|
||||
@@ -60,7 +60,7 @@ export default defineComponent({
|
||||
|
||||
{/* 证书管理概览卡片 */}
|
||||
<div onClick={() => pushToCertManage()} class="cursor-pointer relative">
|
||||
<div class="absolute right-0 top-0 w-24 h-24 rounded-full bg-blue-50 dark:bg-blue-900/30 opacity-70 -z-10"></div>
|
||||
<div class="absolute right-0 top-0 w-24 h-24 rounded-full bg-blue-50 opacity-70 -z-10"></div>
|
||||
<NCard class="transition-all duration-300 rounded-[0.6rem]" hoverable={true} bordered={false}>
|
||||
<div class="flex items-center justify-center">
|
||||
<div class="flex-1">
|
||||
@@ -70,7 +70,7 @@ export default defineComponent({
|
||||
<span class="text-[2.4rem] font-bold">{overviewData.value.cert.count}</span>
|
||||
<p class={styles.tableText}>{$t('t_3_1746773348798')}</p>
|
||||
</div>
|
||||
<div class="border-l-2 dark:border-gray-600 pl-[2rem] ml-[3rem]">
|
||||
<div class="border-l-2 pl-[2rem] ml-[3rem] h-[5rem] lining-[5rem]">
|
||||
<div class="flex items-center space-x-1">
|
||||
<span class="w-4 h-4 rounded-full mr-[.6rem] bg-yellow-500"></span>
|
||||
<span class={styles.tableText}>
|
||||
@@ -97,7 +97,7 @@ export default defineComponent({
|
||||
|
||||
{/* 实时监控概览卡片 */}
|
||||
<div onClick={() => pushToMonitor()} class="cursor-pointer relative">
|
||||
<div class="absolute right-0 top-0 w-24 h-24 rounded-full bg-blue-50 dark:bg-blue-900/30 opacity-70 -z-10"></div>
|
||||
<div class="absolute right-0 top-0 w-24 h-24 rounded-full bg-blue-50 opacity-70 -z-10"></div>
|
||||
<NCard class="transition-all duration-300 rounded-[0.6rem]" hoverable={true} bordered={false}>
|
||||
<div class="flex items-center justify-center">
|
||||
<div class="flex-1">
|
||||
@@ -107,7 +107,7 @@ export default defineComponent({
|
||||
<span class="text-[2.4rem] font-bold">{overviewData.value.site_monitor.count}</span>
|
||||
<p class={styles.tableText}>{$t('t_3_1746773348798')}</p>
|
||||
</div>
|
||||
<div class="border-l-2 dark:border-gray-600 pl-[2rem] ml-[3rem]">
|
||||
<div class="border-l-2 pl-[2rem] ml-[3rem] h-[5rem] lining-[5rem]">
|
||||
<div class="flex items-center space-x-1">
|
||||
<span class="w-4 h-4 rounded-full mr-[.6rem] bg-red-500"></span>
|
||||
<span class={styles.tableText}>
|
||||
@@ -131,7 +131,7 @@ export default defineComponent({
|
||||
<NCard class="rounded-[0.6rem] transition-all duration-300" hoverable={true} bordered={false}>
|
||||
<div class="flex justify-between items-center mb-4">
|
||||
<div class={styles.tableText}>{$t('t_8_1746773351524')}</div>
|
||||
<NButton text onClick={() => pushToWorkflow()} class={styles.viewAllButton}>
|
||||
<NButton text type="primary" onClick={() => pushToWorkflow()} class={styles.viewAllButton}>
|
||||
{$t('t_9_1746773348221')}
|
||||
<NIcon class="ml-1">
|
||||
<ArrowRight />
|
||||
@@ -216,7 +216,7 @@ export default defineComponent({
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class={`${styles.title} text-[1.8rem] font-medium mb-3`}>{$t('t_11_1745289354516')}</div>
|
||||
<div class={styles.tableText}>{$t('t_15_1746773358151')}</div>
|
||||
<div class={styles.tableText}>{$t('t_1_1747019624067')}</div>
|
||||
</div>
|
||||
</div>
|
||||
</NCard>
|
||||
|
||||
Reference in New Issue
Block a user