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(界面设计): 优化标题栏按钮与图标

Browse Source
This commit is contained in:
xiaoqidun committed 2026-10-30 22:47:16 +08:00
1 parent 5e98ec2789
commit 951a947bbe
2 files changed
+10 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

assets/webui/ofdgo.css
+9 -1
View File
@@ -311,6 +311,7 @@
} }
.document-titlebar .settings-icon { .document-titlebar .settings-icon {
--titlebar-icon-size: var(--titlebar-settings-icon-size, 12px);
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2.15 2.15 19.7 19.7' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3h4l.4 2.1 2.7 1.6 2.1-.7L21 9.1l-1.7 1.4v3l1.7 1.4-1.8 3.1-2.1-.7-2.7 1.6L14 21h-4l-.4-2.1-2.7-1.6-2.1.7L3 14.9l1.7-1.4v-3L3 9.1 4.8 6l2.1.7 2.7-1.6Z'/%3E%3Ccircle cx='12' cy='12' r='3.25'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2.15 2.15 19.7 19.7' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3h4l.4 2.1 2.7 1.6 2.1-.7L21 9.1l-1.7 1.4v3l1.7 1.4-1.8 3.1-2.1-.7-2.7 1.6L14 21h-4l-.4-2.1-2.7-1.6-2.1.7L3 14.9l1.7-1.4v-3L3 9.1 4.8 6l2.1.7 2.7-1.6Z'/%3E%3Ccircle cx='12' cy='12' r='3.25'/%3E%3C/svg%3E");
} }
@@ -4826,7 +4827,14 @@ 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); height: auto;
align-self: stretch;
border-radius: 0;
}
.app-appearance:not(:disabled):hover,
.app-update:not(:disabled):hover {
background: var(--pressed-overlay);
} }
.settings-icon, .settings-icon,
assets/webui/ofdgo.js
+1
View File
@@ -2660,6 +2660,7 @@ function applyTitleBarInfo(info) {
function updateTitleBarIcons() { function updateTitleBarIcons() {
const scale = window.devicePixelRatio; const scale = window.devicePixelRatio;
el.documentTitleBar.style.setProperty("--titlebar-icon-size", `${Math.floor(10 * scale) / scale}px`); el.documentTitleBar.style.setProperty("--titlebar-icon-size", `${Math.floor(10 * scale) / scale}px`);
el.documentTitleBar.style.setProperty("--titlebar-settings-icon-size", `${Math.floor(12 * scale) / scale}px`);
const icons = [...el.documentTitleBar.querySelectorAll(".close-icon, .new-icon, .settings-icon, .update-icon")]; const icons = [...el.documentTitleBar.querySelectorAll(".close-icon, .new-icon, .settings-icon, .update-icon")];
for (const icon of icons) icon.style.inset = ""; for (const icon of icons) icon.style.inset = "";
const offsets = icons.map(icon => { const offsets = icons.map(icon => {