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

feat(界面设计): 统一标签栏按钮样式
build.yaml / build (push) Successful in 45s
Details

Browse Source
This commit is contained in:
xiaoqidun committed 2026-10-30 22:24:52 +08:00
1 parent d4274f48c2
commit 8936d98590
1 file changed
+13 -13
Download Patch File Download Diff File Expand all files Collapse all files
assets/webui/ofdgo.css
+13 -13
View File
@@ -182,7 +182,8 @@
} }
.document-titlebar { .document-titlebar {
--tab-action-gap: max(2px, calc((var(--titlebar-height, 36px) - 28px) / 2)); --tab-action-size: min(28px, calc(var(--titlebar-height, 36px) - 6px));
--tab-action-gap: calc((var(--titlebar-height, 36px) - var(--tab-action-size)) / 2);
position: relative; position: relative;
display: flex; display: flex;
min-width: 0; min-width: 0;
@@ -222,7 +223,6 @@
display: flex; display: flex;
min-width: 0; min-width: 0;
min-height: 0; min-height: 0;
border-right: 1px solid transparent;
overflow-x: auto; overflow-x: auto;
scrollbar-width: none; scrollbar-width: none;
align-items: stretch; align-items: stretch;
@@ -237,7 +237,7 @@
min-width: 100px; min-width: 100px;
max-width: min(240px, 100%); max-width: min(240px, 100%);
gap: 8px; gap: 8px;
padding: 0 var(--tab-action-gap) 0 12px; padding: 0 calc(var(--tab-action-gap) - 1px) 0 12px;
border: 0; border: 0;
border-right: 1px solid var(--line); border-right: 1px solid var(--line);
background: transparent; background: transparent;
@@ -275,24 +275,23 @@
.document-new-tab { .document-new-tab {
display: grid; display: grid;
place-items: center; place-items: center;
flex: 0 0 28px; flex: 0 0 var(--tab-action-size);
width: 28px; width: var(--tab-action-size);
min-width: 28px; min-width: var(--tab-action-size);
align-self: center; align-self: center;
height: min(26px, calc(var(--titlebar-height, 36px) - 6px)); height: var(--tab-action-size);
border: 0; border: 0;
border-radius: var(--radius-control);
padding: 0; padding: 0;
background: transparent; background: transparent;
} }
.document-tab-close:hover, .document-new-tab {
.document-new-tab:hover, margin-inline: var(--tab-action-gap);
.app-update:not(:disabled):hover {
background: var(--selected);
} }
.document-new-tab { .document-titlebar button:focus-visible {
margin-left: var(--tab-action-gap); outline-offset: -2px;
} }
.document-titlebar :is(.close-icon, .new-icon, .settings-icon, .update-icon) { .document-titlebar :is(.close-icon, .new-icon, .settings-icon, .update-icon) {
@@ -4810,6 +4809,7 @@ audio.page-media {
flex: 0 0 46px; flex: 0 0 46px;
width: 46px; width: 46px;
min-width: 46px; min-width: 46px;
height: var(--tab-action-size);
} }
.settings-icon, .settings-icon,