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

wip: zen style header

Browse Source
This commit is contained in:
Frank
2025-10-09 22:38:42 -04:00
parent 60dd987efd
commit bc0e00cbb7
7 changed files with 215 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
packages/console/app/src/component/icon.tsx
View File

@@ -2,26 +2,43 @@ import { JSX } from "solid-js"
export function IconLogo(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
return (
<svg {...props} width="234" height="42" viewBox="0 0 234 42" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M54 36H36V42H30V6H54V36ZM36 30H48V12H36V30Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M24 36H0V6H24V36ZM6 30H18V12H6V30Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M84 24H66V30H84V36H60V6H84V24ZM66 18H78V12H66V18Z" fill="currentColor"/>
<path d="M108 12H96V36H90V6H108V12Z" fill="currentColor"/>
<path d="M114 36H108V12H114V36Z" fill="currentColor"/>
<path d="M144 12H126V30H144V36H120V6H144V12Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M174 36H150V6H174V36ZM156 30H168V12H156V30Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M204 36H180V6H198V0H204V36ZM186 30H198V12H186V30Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M234 24H216V30H234V36H210V6H234V24ZM216 18H228V12H216V18Z" fill="currentColor"/>
</svg>
)
<svg {...props} width="234" height="42" viewBox="0 0 234 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M54 36H36V42H30V6H54V36ZM36 30H48V12H36V30Z"
fill="currentColor"
/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M24 36H0V6H24V36ZM6 30H18V12H6V30Z" fill="currentColor" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M84 24H66V30H84V36H60V6H84V24ZM66 18H78V12H66V18Z"
fill="currentColor"
/>
<path d="M108 12H96V36H90V6H108V12Z" fill="currentColor" />
<path d="M114 36H108V12H114V36Z" fill="currentColor" />
<path d="M144 12H126V30H144V36H120V6H144V12Z" fill="currentColor" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M174 36H150V6H174V36ZM156 30H168V12H156V30Z"
fill="currentColor"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M204 36H180V6H198V0H204V36ZM186 30H198V12H186V30Z"
fill="currentColor"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M234 24H216V30H234V36H210V6H234V24ZM216 18H228V12H216V18Z"
fill="currentColor"
/>
</svg>
)
}
export function IconCopy(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
@@ -55,3 +72,22 @@ export function IconCreditCard(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
</svg>
)
}
export function IconChevron(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
return (
<svg {...props} width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fill="currentColor"
d="M4.00024 5.04041L7.37401 1.66663L6.66691 0.959525L4.00024 3.62619L1.33357 0.959525L0.626465 1.66663L4.00024 5.04041Z"
/>
</svg>
)
}
export function IconWorkspaceLogo(props: JSX.SvgSVGAttributes<SVGSVGElement>) {
return (
<svg {...props} width="24" height="30" viewBox="0 0 24 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 6H6V24H18V6ZM24 30H0V0H24V30Z" fill="currentColor" />
</svg>
)
}