aljaz/opencode
1
0
Fork 0
mirror of https://github.com/aljazceru/opencode.git synced 2025-12-21 17:54:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Icon size update

Browse Source
This commit is contained in:
David Hill
2025-10-30 12:46:34 +00:00
parent e533d48b51
commit 0abffdb8f8
8 changed files with 71 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/console/app/src/asset/lander/brand-assets-dark.svg
View File

@@ -1,8 +1,8 @@
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 0V19M14 0V19M11 0V19M5 0V19M16 2L0 2M16 5L0 5M16 14L0 14M16 17L0 17" stroke="#F7EDED" stroke-opacity="0.247059"/>
<path opacity="0.5" d="M11 5H5V14H11V5ZM14 17H2V2H14V17Z" fill="url(#paint0_linear_1311_86681)" stroke="#F1ECEC"/>
<svg width="22" height="26" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 7H7V19H15V7ZM19 23H3V3H19V23Z" fill="url(#paint0_linear_1311_94922)" stroke="#F1ECEC"/>
<path d="M3 0V26M19 0V26M15 0V26M7 0V26M0 3H22M0 7H22M0 19H22M0 23H22" stroke="#4B4646" stroke-opacity="0.4"/>
<defs>
<linearGradient id="paint0_linear_1311_86681" x1="8" y1="2" x2="8" y2="17" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_1311_94922" x1="11" y1="3" x2="11" y2="23" gradientUnits="userSpaceOnUse">
<stop stop-color="#1B1818"/>
<stop offset="1" stop-color="#2D2828"/>
</linearGradient>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 553 B

After

Width:  |  Height:  |  Size: 526 B

8
packages/console/app/src/asset/lander/brand-assets-light.svg
View File

@@ -1,8 +1,8 @@
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 0V19M14 0V19M11 0V19M5 0V19M16 2L0 2M16 5L0 5M16 14L0 14M16 17L0 17" stroke="#0B0600" stroke-opacity="0.196078"/>
<path opacity="0.5" d="M11 5H5V14H11V5ZM14 17H2V2H14V17Z" fill="url(#paint0_linear_1311_86671)" stroke="#211E1E"/>
<svg width="22" height="26" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 7H7V19H15V7ZM19 23H3V3H19V23Z" fill="url(#paint0_linear_1311_94913)" stroke="#8E8B8B"/>
<path d="M3 0V26M19 0V26M15 0V26M7 0V26M0 3H22M0 7H22M0 19H22M0 23H22" stroke="#110000" stroke-opacity="0.121569"/>
<defs>
<linearGradient id="paint0_linear_1311_86671" x1="8" y1="2" x2="8" y2="17" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_1311_94913" x1="11" y1="3" x2="11" y2="23" gradientUnits="userSpaceOnUse">
<stop stop-color="#F9F8F8"/>
<stop offset="1" stop-color="#E9E8E8"/>
</linearGradient>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 553 B

After

Width:  |  Height:  |  Size: 531 B

12
packages/console/app/src/asset/lander/logo-dark.svg
View File

@@ -1,11 +1,11 @@
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1311_86675)">
<path d="M11 14H5V8H11V14Z" fill="#4B4646"/>
<path d="M11 5H5V14H11V5ZM14 17H2V2H14V17Z" fill="#F1ECEC"/>
<svg width="22" height="26" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1311_94916)">
<path d="M15 19H7V11H15V19Z" fill="#4B4646"/>
<path d="M15 7H7V19H15V7ZM19 23H3V3H19V23Z" fill="#F1ECEC"/>
</g>
<defs>
<clipPath id="clip0_1311_86675">
<rect width="12" height="15" fill="white" transform="translate(2 2)"/>
<clipPath id="clip0_1311_94916">
<rect width="16" height="20" fill="white" transform="translate(3 3)"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 384 B

After

Width:  |  Height:  |  Size: 385 B

12
packages/console/app/src/asset/lander/logo-light.svg
View File

@@ -1,11 +1,11 @@
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1311_86665)">
<path d="M11 14H5V8H11V14Z" fill="#BCBBBB"/>
<path d="M11 5H5V14H11V5ZM14 17H2V2H14V17Z" fill="#211E1E"/>
<svg width="22" height="26" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1311_94907)">
<path d="M15 19H7V11H15V19Z" fill="#BCBBBB"/>
<path d="M15 7H7V19H15V7ZM19 23H3V3H19V23Z" fill="#211E1E"/>
</g>
<defs>
<clipPath id="clip0_1311_86665">
<rect width="12" height="15" fill="white" transform="translate(2 2)"/>
<clipPath id="clip0_1311_94907">
<rect width="16" height="20" fill="white" transform="translate(3 3)"/>
</clipPath>
</defs>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 384 B

After

Width:  |  Height:  |  Size: 385 B

4
packages/console/app/src/asset/lander/wordmark-dark.svg
View File

@@ -1,3 +1,3 @@
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5V3.5H8M14 5V3.5H8M8 3.5V15.5M8 15.5H6.5M8 15.5H9.5" stroke="#F1ECEC" stroke-width="2" stroke-linecap="square"/>
<svg width="22" height="26" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.33203 7.99967V6.33301H10.9987M17.6654 7.99967V6.33301H10.9987M10.9987 6.33301V19.6663M10.9987 19.6663H9.33203M10.9987 19.6663H12.6654" stroke="#F1ECEC" stroke-width="2" stroke-linecap="square"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 228 B

After

Width:  |  Height:  |  Size: 310 B

4
packages/console/app/src/asset/lander/wordmark-light.svg
View File

@@ -1,3 +1,3 @@
<svg width="16" height="19" viewBox="0 0 16 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5V3.5H8M14 5V3.5H8M8 3.5V15.5M8 15.5H6.5M8 15.5H9.5" stroke="black" stroke-width="2" stroke-linecap="square"/>
<svg width="22" height="26" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.33203 7.99967V6.33301H10.9987M17.6654 7.99967V6.33301H10.9987M10.9987 6.33301V19.6663M10.9987 19.6663H9.33203M10.9987 19.6663H12.6654" stroke="black" stroke-width="2" stroke-linecap="square"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 226 B

After

Width:  |  Height:  |  Size: 308 B

12
packages/console/app/src/component/header-context-menu.css
View File

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

42
packages/console/app/src/component/header.tsx
View File

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