xiaoqidun/ofdgo
1
0 Fork 0
mirror of https://github.com/xiaoqidun/ofdgo.git synced 2026-10-30 16:20:33 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(界面设计): 统一弹窗、按钮及分组样式
build.yaml / build (push) Successful in 55s
Details

Browse Source
This commit is contained in:
xiaoqidun committed 2026-10-30 14:41:14 +08:00
1 parent 1abeba6f99
commit 035da09334
1 file changed
+20 -19
Download Patch File Download Diff File Expand all files Collapse all files
assets/webui/ofdgo.css
+20 -19
View File
@@ -30,6 +30,7 @@
--text: #263238; --text: #263238;
--input: #ffffff; --input: #ffffff;
--hover: #e8edef; --hover: #e8edef;
--pressed-overlay: rgb(0 0 0 / 8%);
--canvas: #e7ebee; --canvas: #e7ebee;
--canvas-grid: rgba(31, 36, 40, 0.04); --canvas-grid: rgba(31, 36, 40, 0.04);
--popup: #fcfdfd; --popup: #fcfdfd;
@@ -62,6 +63,7 @@
--accent-strong: #65cbb6; --accent-strong: #65cbb6;
--focus: #65cbb6; --focus: #65cbb6;
--hover: #343e45; --hover: #343e45;
--pressed-overlay: rgb(255 255 255 / 8%);
--canvas: #191f23; --canvas: #191f23;
--canvas-grid: rgba(224, 231, 235, 0.035); --canvas-grid: rgba(224, 231, 235, 0.035);
--popup: #30393f; --popup: #30393f;
@@ -726,8 +728,11 @@ a:focus-visible {
border: 0; border: 0;
background: transparent; background: transparent;
line-height: 16px; line-height: 16px;
text-decoration: underline dotted; border-radius: 5px;
text-underline-offset: 3px; }
.editor-group-action:not(:disabled):hover {
color: var(--accent-strong);
} }
.mixed-color::-webkit-color-swatch { .mixed-color::-webkit-color-swatch {
@@ -1108,10 +1113,8 @@ button:not(:disabled):hover {
} }
.form-title { .form-title {
margin: -12px -12px 12px; margin: 0 0 12px;
padding: 10px 12px; padding: 0;
border-bottom: 1px solid var(--line);
background: var(--base);
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
line-height: 1.5; line-height: 1.5;
@@ -2417,17 +2420,12 @@ body[data-hide-meta] .meta-panel {
flex: none; flex: none;
align-items: baseline; align-items: baseline;
gap: 8px 16px; gap: 8px 16px;
padding: 10px 12px; padding: 12px;
border-bottom: 1px solid var(--line);
background: var(--base);
} }
.settings-header .form-title { .settings-header .form-title {
flex: none; flex: none;
margin: 0; margin: 0;
padding: 0;
border: 0;
background: none;
} }
.settings-location { .settings-location {
@@ -3761,6 +3759,7 @@ audio.page-media {
justify-content: space-between; justify-content: space-between;
gap: 12px; gap: 12px;
margin: 0; margin: 0;
padding: 12px;
} }
.media-dialog .page-media { .media-dialog .page-media {
@@ -4742,6 +4741,12 @@ audio.page-media {
color: var(--accent-strong); color: var(--accent-strong);
} }
:root button:not(:disabled):active,
.form-actions button[type="submit"]:not(:disabled):active,
.editor-group:has(#textFont) button:not(:disabled):active {
background-image: linear-gradient(var(--pressed-overlay), var(--pressed-overlay));
}
.editor-number, .editor-number,
.font-picker, .font-picker,
.form-dialog, .form-dialog,
@@ -4830,7 +4835,7 @@ audio.page-media {
width: 285px; width: 285px;
max-width: calc(100vw - 24px); max-width: calc(100vw - 24px);
max-height: calc(100dvh - var(--appearance-top, 40px) - 12px); max-height: calc(100dvh - var(--appearance-top, 40px) - 12px);
padding: 17px; padding: 0;
border-radius: 9px; border-radius: 9px;
background: var(--popup); background: var(--popup);
box-shadow: var(--shadow-soft); box-shadow: var(--shadow-soft);
@@ -4845,13 +4850,13 @@ audio.page-media {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-weight: 600; font-weight: 600;
margin-bottom: 14px; margin-bottom: 12px;
} }
.appearance-label { .appearance-label {
font-size: 12px; font-size: 12px;
color: var(--text-muted); color: var(--text-muted);
margin-bottom: 10px; margin-bottom: 12px;
} }
.appearance-themes { .appearance-themes {
@@ -4897,10 +4902,6 @@ audio.page-media {
.appearance-heading .form-title { .appearance-heading .form-title {
margin: 0; margin: 0;
padding: 0;
border: 0;
background: transparent;
font-size: 14px;
} }
select:not([multiple]):not([size]) { select:not([multiple]):not([size]) {