GithubBackup/PicList
1
0
Fork 0
mirror of https://github.com/Kuingsmile/PicList.git synced 2026-05-06 20:42:57 +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 {
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);
}

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

@@ -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;

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

@@ -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%);
}