chaos/chaos_it
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(dashboard): 调整页面样式和按钮布局

Browse Source 
- 修改主容器类名，更新文本颜色和背景色
- 调整侧边栏宽度过渡效果和背景色
- 更新菜单按钮样式，移除悬停背景色
- 移除登录按钮不必要的类名
- 优化整体页面结构和样式一致性
This commit is contained in:
chaos
2025-11-22 05:31:45 +08:00
parent cdd14b3c85
commit f49006b22b
3 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/widget/ThemePreview.svelte
View File

@@ -6,8 +6,8 @@
</script> </script>
<div data-theme={themeId} class="bg-base-300 w-8 h-8 rounded-xl relative border border-accent-content/10"> <div data-theme={themeId} class="bg-base-300 w-8 h-8 rounded-xl relative border border-accent-content/10">
<span class="w-1.5 h-1.5 bg-success absolute top-2 left-2 rounded-full"> </span> <span class="w-1.5 h-1.5 bg-base-content absolute top-2 left-2 rounded-full"> </span>
<span class="w-1.5 h-1.5 bg-secondary absolute right-2 top-2 rounded-full"> </span> <span class="w-1.5 h-1.5 bg-primary absolute right-2 top-2 rounded-full"> </span>
<span class="w-1.5 h-1.5 bg-warning absolute bottom-2 left-2 rounded-full"> </span> <span class="w-1.5 h-1.5 bg-secondary absolute bottom-2 left-2 rounded-full"> </span>
<span class="w-1.5 h-1.5 bg-error absolute bottom-2 right-2 rounded-full"> </span> <span class="w-1.5 h-1.5 bg-accent absolute bottom-2 right-2 rounded-full"> </span>
</div> </div>

6
src/lib/widget/ThemeSelector.svelte
View File

@@ -10,9 +10,9 @@
</script> </script>
<div class="dropdown dropdown-end"> <div class="dropdown dropdown-end">
<div tabindex="0" role="button" class="rounded hover:bg-base-100 active:bg-base-200 p-2 overflow-hidden flex items-center gap-2"> <div tabindex="0" role="button" class="rounded btn btn-ghost p-2 overflow-hidden flex items-center gap-2">
<ThemePreview themeId={$themeStore} /> <ThemePreview themeId={$themeStore} />
<svg width="12px" height="12px" class="mt-px text-base-content size-2 fill-current opacity-60 sm:inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048"><path d="M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z"></path></svg> <svg width="12px" height="12px" class="mt-px text-base-content fill-current opacity-60 sm:inline-block" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2048 2048"><path d="M1799 349l242 241-1017 1017L7 590l242-241 775 775 775-775z"></path></svg>
</div> </div>
<ul class="dropdown-content shadow bg-base-200 border border-base-content/10 z-[1] rounded-box w-64 max-h-80 overflow-x-hidden overflow-y-auto flex flex-col "> <ul class="dropdown-content shadow bg-base-200 border border-base-content/10 z-[1] rounded-box w-64 max-h-80 overflow-x-hidden overflow-y-auto flex flex-col ">
@@ -30,7 +30,7 @@
handleThemeChange(theme.value); handleThemeChange(theme.value);
} }
}} }}
class="gap-3 w-full flex hover:bg-base-300 active:bg-primary p-2 items-center {theme.value === $themeStore ? 'active' : ''}" class="gap-3 w-full flex hover:bg-base-300 active:bg-base-100 p-2 items-center {theme.value === $themeStore ? 'active' : ''}"
> >
<ThemePreview themeId={theme.value} /> <ThemePreview themeId={theme.value} />
<div class=" ">{theme.name}</div> <div class=" ">{theme.name}</div>

9
src/routes/app/dashboard/+page.svelte
View File

File diff suppressed because one or more lines are too long