diff options
| author | David Hill <[email protected]> | 2025-10-30 12:46:34 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2025-10-30 12:46:34 +0000 |
| commit | 0abffdb8f886a06ce17811758d740fe9f3d2e38b (patch) | |
| tree | 4477ae601a5a696a02f5380ff17562eeb2a646da /packages/console/app/src/component | |
| parent | e533d48b517c5c60e7a9561e416f6a7c691621a3 (diff) | |
| download | opencode-0abffdb8f886a06ce17811758d740fe9f3d2e38b.tar.gz opencode-0abffdb8f886a06ce17811758d740fe9f3d2e38b.zip | |
Icon size update
Diffstat (limited to 'packages/console/app/src/component')
| -rw-r--r-- | packages/console/app/src/component/header-context-menu.css | 12 | ||||
| -rw-r--r-- | packages/console/app/src/component/header.tsx | 42 |
2 files changed, 47 insertions, 7 deletions
diff --git a/packages/console/app/src/component/header-context-menu.css b/packages/console/app/src/component/header-context-menu.css index e88af0c58..4bc7ca985 100644 --- a/packages/console/app/src/component/header-context-menu.css +++ b/packages/console/app/src/component/header-context-menu.css @@ -4,7 +4,11 @@ min-width: 160px; border-radius: 8px; background-color: var(--color-background); - box-shadow: 0 0 0 1px rgba(19, 16, 16, 0.08), 0 6px 8px -4px rgba(19, 16, 16, 0.12), 0 4px 3px -2px rgba(19, 16, 16, 0.12), 0 1px 2px -1px rgba(19, 16, 16, 0.12); + box-shadow: + 0 0 0 1px rgba(19, 16, 16, 0.08), + 0 6px 8px -4px rgba(19, 16, 16, 0.12), + 0 4px 3px -2px rgba(19, 16, 16, 0.12), + 0 1px 2px -1px rgba(19, 16, 16, 0.12); padding: 6px; @media (prefers-color-scheme: dark) { @@ -29,6 +33,12 @@ border-radius: 2px; transition: background-color 0.2s ease; + .context-menu-item [data-slot="copy light"], + .context-menu-item [data-slot="copy dark"] { + width: 22px !important; + height: 26px !important; + } + [data-slot="copy dark"] { display: none; } diff --git a/packages/console/app/src/component/header.tsx b/packages/console/app/src/component/header.tsx index 7b6edea22..05195f20c 100644 --- a/packages/console/app/src/component/header.tsx +++ b/packages/console/app/src/component/header.tsx @@ -126,18 +126,48 @@ export function Header(props: { zen?: boolean }) { style={`left: ${store.contextMenuPosition.x}px; top: ${store.contextMenuPosition.y}px;`} > <button class="context-menu-item" onClick={copyLogoToClipboard}> - <img data-slot="copy light" src={copyLogoLight} alt="Logo" /> - <img data-slot="copy dark" src={copyLogoDark} alt="Logo" /> + <img + data-slot="copy light" + src={copyLogoLight} + style="width: 22px; height: 26px;" + alt="Logo" + /> + <img + data-slot="copy dark" + src={copyLogoDark} + style="width: 22px; height: 26px;" + alt="Logo" + /> Copy logo as SVG </button> <button class="context-menu-item" onClick={copyWordmarkToClipboard}> - <img data-slot="copy light" src={copyWordmarkLight} alt="Wordmark" /> - <img data-slot="copy dark" src={copyWordmarkDark} alt="Wordmark" /> + <img + data-slot="copy light" + src={copyWordmarkLight} + style="width: 22px; height: 26px;" + alt="Wordmark" + /> + <img + data-slot="copy dark" + src={copyWordmarkDark} + style="width: 22px; height: 26px;" + alt="Wordmark" + /> Copy wordmark as SVG </button> <button class="context-menu-item" onClick={() => (window.location.href = "/brand")}> - <img data-slot="copy light" src={copyBrandAssetsLight} alt="Brand Assets" /> - <img data-slot="copy dark" src={copyBrandAssetsDark} alt="Brand Assets" /> + <img + data-slot="copy light" + src={copyBrandAssetsLight} + style="width: 22px; height: 26px;" + alt="Brand Assets" + /> + <img + data-slot="copy dark" + src={copyBrandAssetsDark} + style="width: 22px; height: 26px;" + alt="Brand Assets" + /> Brand assets </button> </div> |