diff --git a/enlish-vue/src/App.vue b/enlish-vue/src/App.vue index 0c586ff..aa7d155 100644 --- a/enlish-vue/src/App.vue +++ b/enlish-vue/src/App.vue @@ -14,6 +14,6 @@ const locale = zhCn diff --git a/enlish-vue/src/assets/main.css b/enlish-vue/src/assets/main.css index a281703..a0d08de 100644 --- a/enlish-vue/src/assets/main.css +++ b/enlish-vue/src/assets/main.css @@ -16,4 +16,30 @@ border-color: rgba(255, 255, 255, 0.1); background: rgba(55, 65, 81, 0.4); } + .sidebar-fixed { + width: 220px; + min-width: 220px; + flex: 0 0 220px; + box-sizing: border-box; + } +} + +:root { + --el-color-primary: #2563eb; + --el-border-radius-base: 10px; + --el-border-radius-small: 8px; + --el-border-radius-round: 9999px; +} + +html, body, #app { + min-height: 100%; + background: radial-gradient(1200px at 10% 10%, #e0f2fe 0%, transparent 40%), + radial-gradient(1200px at 90% 10%, #dbeafe 0%, transparent 40%), + linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%); +} + +.dark html, .dark body, .dark #app { + background: radial-gradient(1000px at 10% 10%, rgba(30,58,138,0.35) 0%, transparent 40%), + radial-gradient(1000px at 90% 10%, rgba(2,132,199,0.3) 0%, transparent 40%), + linear-gradient(180deg, #0f172a 0%, #111827 100%); } diff --git a/enlish-vue/src/layouts/components/Header.vue b/enlish-vue/src/layouts/components/Header.vue index a43ae7c..f20ea5a 100644 --- a/enlish-vue/src/layouts/components/Header.vue +++ b/enlish-vue/src/layouts/components/Header.vue @@ -5,7 +5,7 @@