GithubBackup/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2026-05-10 17:42:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

✨ Feature(custom): optimize manage setting and picbed switch page ui

Browse Source
This commit is contained in:
Kuingsmile
2026-01-13 10:54:49 +08:00
parent 719e8cb18c
commit 7f85ce5ed0
3 changed files with 20 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/renderer/manage/pages/css/ManageMain.css
View File

@@ -328,11 +328,12 @@ html, body {
.dialog-container { .dialog-container {
overflow: auto; overflow: auto;
border: 1px solid var(--color-border); border: 1px solid var(--color-border);
border-radius: var(--radius-lg); border-radius: var(--radius-2xl);
width: 90%; padding: 0.75rem;
max-width: 600px; width: 85vw;
max-height: 80vh; max-width: 90vw;
background: var(--color-surface); max-height: 85vh;
background: var(--color-background-secondary);
box-shadow: var(--shadow-xl); box-shadow: var(--shadow-xl);
scrollbar-width: none; scrollbar-width: none;
} }
@@ -345,7 +346,6 @@ html, body {
} }
.dialog-title { .dialog-title {
margin: 0;
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 600; font-weight: 600;
color: var(--color-text-primary); color: var(--color-text-primary);
@@ -356,13 +356,13 @@ html, body {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border: none; border: none;
border-radius: var(--radius-sm); border-radius: 6px;
padding: 0.25rem; width: 32px;
width: 24px; height: 32px;
height: 24px; font-size: 1.5rem;
color: var(--color-text-secondary); color: var(--color-text-secondary);
background: none; background: none;
transition: var(--transition-fast); transition: all 0.2s ease;
cursor: pointer; cursor: pointer;
} }
@@ -377,7 +377,11 @@ html, body {
} }
.dialog-content { .dialog-content {
padding: 1.5rem; overflow-y: auto;
margin-bottom: 1.5rem;
padding: 0.2rem;
scrollbar-width: none;
-ms-overflow-style: none;
} }
.choice-cos { .choice-cos {
@@ -479,7 +483,7 @@ html, body {
width: 400px; width: 400px;
max-width: 90vw; max-width: 90vw;
height: 100vh; height: 100vh;
background: var(--color-surface); background: var(--color-background-secondary);
box-shadow: var(--shadow-xl); box-shadow: var(--shadow-xl);
} }

48
src/renderer/manage/pages/css/ManageSetting.css
View File

@@ -9,13 +9,14 @@
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
box-sizing: border-box; box-sizing: border-box;
scrollbar-width: none;
} }
/* Card Base */ /* Card Base */
.setting-card { .setting-card {
border: 1px solid var(--color-border-secondary); border: 1px solid var(--color-border-secondary);
border-radius: var(--radius-xl); border-radius: var(--radius-xl);
background: var(--color-surface); background: var(--color-background-secondary);
box-shadow: var(--shadow-sm); box-shadow: var(--shadow-sm);
transition: var(--transition-medium); transition: var(--transition-medium);
} }
@@ -25,51 +26,6 @@
box-shadow: var(--shadow-md); 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 Base */
.action-button { .action-button {
display: flex; display: flex;

2
src/renderer/pages/css/PicgoSetting.css
View File

@@ -494,7 +494,7 @@
max-width: 90vw; max-width: 90vw;
max-height: 85vh; max-height: 85vh;
background: var(--color-surface); background: var(--color-surface);
box-shadow: var(--shadow-xl); box-shadow: var(--shadow-xl);
box-shadow: 0 10px 25px rgb(0 0 0 / 15%); box-shadow: 0 10px 25px rgb(0 0 0 / 15%);
} }