diff --git a/src/renderer/manage/pages/css/ManageMain.css b/src/renderer/manage/pages/css/ManageMain.css index 2f13abfa..9287bfab 100644 --- a/src/renderer/manage/pages/css/ManageMain.css +++ b/src/renderer/manage/pages/css/ManageMain.css @@ -328,11 +328,12 @@ html, body { .dialog-container { overflow: auto; border: 1px solid var(--color-border); - border-radius: var(--radius-lg); - width: 90%; - max-width: 600px; - max-height: 80vh; - background: var(--color-surface); + border-radius: var(--radius-2xl); + padding: 0.75rem; + width: 85vw; + max-width: 90vw; + max-height: 85vh; + background: var(--color-background-secondary); box-shadow: var(--shadow-xl); scrollbar-width: none; } @@ -345,7 +346,6 @@ html, body { } .dialog-title { - margin: 0; font-size: 1.25rem; font-weight: 600; color: var(--color-text-primary); @@ -356,13 +356,13 @@ html, body { justify-content: center; align-items: center; border: none; - border-radius: var(--radius-sm); - padding: 0.25rem; - width: 24px; - height: 24px; + border-radius: 6px; + width: 32px; + height: 32px; + font-size: 1.5rem; color: var(--color-text-secondary); background: none; - transition: var(--transition-fast); + transition: all 0.2s ease; cursor: pointer; } @@ -377,7 +377,11 @@ html, body { } .dialog-content { - padding: 1.5rem; + overflow-y: auto; + margin-bottom: 1.5rem; + padding: 0.2rem; + scrollbar-width: none; + -ms-overflow-style: none; } .choice-cos { @@ -479,7 +483,7 @@ html, body { width: 400px; max-width: 90vw; height: 100vh; - background: var(--color-surface); + background: var(--color-background-secondary); box-shadow: var(--shadow-xl); } diff --git a/src/renderer/manage/pages/css/ManageSetting.css b/src/renderer/manage/pages/css/ManageSetting.css index 28dc17cd..1f9aeef6 100644 --- a/src/renderer/manage/pages/css/ManageSetting.css +++ b/src/renderer/manage/pages/css/ManageSetting.css @@ -9,13 +9,14 @@ flex-direction: column; gap: 1rem; box-sizing: border-box; + scrollbar-width: none; } /* Card Base */ .setting-card { border: 1px solid var(--color-border-secondary); border-radius: var(--radius-xl); - background: var(--color-surface); + background: var(--color-background-secondary); box-shadow: var(--shadow-sm); transition: var(--transition-medium); } @@ -25,51 +26,6 @@ box-shadow: var(--shadow-md); } -/* Header Card */ -.header-card .card-header { - display: flex; - justify-content: space-between; - align-items: center; - border-bottom: 1px solid var(--color-border-secondary); - padding: 1rem 1.5rem; - flex-wrap: wrap; - gap: 1rem; -} - -.header-content { - display: flex; - align-items: center; - gap: 1rem; - flex: 1; -} - -.header-icon { - display: flex; - align-items: center; - color: var(--color-blue-common); -} - -.header-content h1 { - margin: 0; - font-size: 1.5rem; - font-weight: 600; - color: var(--color-text-primary); - letter-spacing: -0.025em; -} - -.header-content p { - margin: 0; - font-size: 0.875rem; - color: var(--color-text-secondary); -} - -.header-actions { - display: flex; - align-items: center; - gap: 0.75rem; - flex-wrap: wrap; -} - /* Action Button Base */ .action-button { display: flex; diff --git a/src/renderer/pages/css/PicgoSetting.css b/src/renderer/pages/css/PicgoSetting.css index ecdd52ef..846ef670 100644 --- a/src/renderer/pages/css/PicgoSetting.css +++ b/src/renderer/pages/css/PicgoSetting.css @@ -494,7 +494,7 @@ max-width: 90vw; max-height: 85vh; background: var(--color-surface); - box-shadow: var(--shadow-xl); + box-shadow: var(--shadow-xl); box-shadow: 0 10px 25px rgb(0 0 0 / 15%); }