Skip to content

Commit

Permalink
Update spacing and logo of header (#180)
Browse files Browse the repository at this point in the history
  • Loading branch information
@ryansrofe
ryansrofe authored Nov 14, 2023
1 parent 32d12a2 commit b80bbdc
Show file tree
Hide file tree
Showing 2 changed files with 35 additions and 39 deletions.
2 changes: 1 addition & 1 deletion packages/webui/src/components/ui/Header.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ export default function Header() {
const isDebugMode = process.env.NODE_ENV !== 'production';

return (
<header className="p-3 bg-secondary border-b border-primary shadow">
<header className="px-3 py-2 bg-secondary border-b border-primary shadow">
<div className="flex justify-between">
<div className="flex items-center gap-2">
<div>
Expand Down
72 changes: 34 additions & 38 deletions packages/webui/src/components/ui/Logo.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,79 +1,75 @@
export default function Logo() {
return (
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M23.8185 1.60423L36.8832 7.47048C39.3867 8.5946 41 11.1013 41 13.8675V28.1325C41 30.8986 39.3867 33.4054 36.8832 34.5295L23.8185 40.3958C22.9312 40.7942 21.971 41 21 41C20.029 41 19.0688 40.7942 18.1815 40.3958L5.1168 34.5295C2.61327 33.4054 1 30.8987 1 28.1326V13.8674C1 11.1013 2.61327 8.59453 5.1168 7.47048L18.1815 1.60423C19.0688 1.20585 20.029 1 21 1C21.971 1 22.9312 1.20585 23.8185 1.60423Z"
d="M18.0777 0.445607C17.4237 0.151811 16.7158 0 16 0C15.2842 0 14.5763 0.151811 13.9223 0.445607L3.03492 5.33615C1.18929 6.16513 0 8.01385 0 10.0538V21.9462C0 23.9862 1.18929 25.8349 3.03486 26.6639L13.9223 31.5544C14.5763 31.8482 15.2842 32 16 32C16.7158 32 17.4237 31.8482 18.0777 31.5544L28.9651 26.6639C30.8107 25.8349 32 23.9862 32 21.9462V10.0538C32 8.01385 30.8107 6.16513 28.9651 5.33615L18.0777 0.445607Z"
fill="#202020"
/>
<path
opacity="0.5"
fillRule="evenodd"
clipRule="evenodd"
d="M23.155 3.8617C22.4764 3.55727 21.7423 3.4 21 3.4C20.2577 3.4 19.5236 3.55727 18.845 3.8617L6.11999 9.57019C4.46621 10.3121 3.4 11.9707 3.4 13.8014V28.1986C3.4 30.0293 4.46621 31.6879 6.11999 32.4298L18.845 38.1383C19.5236 38.4427 20.2577 38.6 21 38.6C21.7422 38.6 22.4763 38.4427 23.1549 38.1383L35.8799 32.4298C37.5337 31.6879 38.6 30.0293 38.6 28.1986V13.8014C38.6 11.9707 37.5337 10.3121 35.8799 9.57019L23.155 3.8617H23.155Z"
d="M3.64951 6.70447L3.64955 6.70445L14.5369 1.8139C14.998 1.60678 15.4964 1.5 16 1.5C16.5036 1.5 17.002 1.60678 17.4631 1.8139L28.3505 6.70445L28.3505 6.70446C29.6515 7.28883 30.5 8.59812 30.5 10.0538V21.9462C30.5 23.4019 29.6516 24.7112 28.3505 25.2956L28.9651 26.6639L28.3505 25.2956L17.4631 30.1861C17.002 30.3932 16.5036 30.5 16 30.5C15.4964 30.5 14.998 30.3932 14.5369 30.1861L3.6495 25.2956C2.34845 24.7112 1.5 23.4019 1.5 21.9462V10.0538C1.5 8.59814 2.34844 7.28885 3.64951 6.70447Z"
stroke="#5AB57A"
strokeWidth="2"
strokeWidth="3"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M23.4935 2.33473C22.7086 1.98218 21.8592 1.8 21.0002 1.8C20.1412 1.8 19.2918 1.98218 18.5069 2.33473L5.4421 8.20339C3.22734 9.19816 1.80019 11.4166 1.80019 13.8645V28.1355C1.80019 30.5834 3.22734 32.8019 5.44203 33.7967L18.5069 39.6653C19.2918 40.0178 20.1412 40.2 21.0002 40.2C21.8592 40.2 22.7086 40.0178 23.4935 39.6653L36.5583 33.7967C38.773 32.8019 40.2002 30.5834 40.2002 28.1355V13.8646C40.2002 11.4166 38.773 9.19816 36.5584 8.20339L23.4935 2.33473Z"
d="M3.34221 6.02031L3.34224 6.0203L14.2296 1.12975C14.7872 0.879294 15.3903 0.75 16 0.75C16.6097 0.75 17.2128 0.879294 17.7704 1.12975L28.6578 6.0203L28.6578 6.02031C30.2311 6.72698 31.25 8.30599 31.25 10.0538V21.9462C31.25 23.694 30.2311 25.273 28.6578 25.9798L17.7704 30.8702C17.2129 31.1207 16.6097 31.25 16 31.25C15.3903 31.25 14.7871 31.1207 14.2296 30.8702L3.34218 25.9798C1.76887 25.273 0.75 23.694 0.75 21.9462V10.0538C0.75 8.30599 1.76887 6.72699 3.34221 6.02031Z"
stroke="#5AB57A"
strokeWidth="2"
strokeWidth="1.5"
/>
<path
d="M20.28 19.4H21.88L21.88 17.16C21.88 17.16 21.88 16.36 21.08 16.36C20.28 16.36 20.28 17.16 20.28 17.16L20.28 19.4Z"
d="M15.3104 14.7028H16.6897L16.6897 12.9286C16.6897 12.9286 16.6897 12.2949 16 12.2949C15.3103 12.2949 15.3103 12.9286 15.3103 12.9286L15.3104 14.7028Z"
fill="#299679"
/>
<path
d="M21.08 17C20.8591 17 20.68 17.1791 20.68 17.4C20.68 17.6209 20.8591 17.8 21.08 17.8C21.3009 17.8 21.48 17.6209 21.48 17.4C21.48 17.1791 21.3009 17 21.08 17Z"
d="M15.972 12.8019C15.797 12.8019 15.6552 12.9437 15.6552 13.1187V13.1187C15.6552 13.2937 15.797 13.4355 15.972 13.4355H16.028C16.203 13.4355 16.3448 13.2937 16.3448 13.1187V13.1187C16.3448 12.9437 16.203 12.8019 16.028 12.8019H15.972Z"
fill="#93D375"
/>
<path
d="M21.08 27.72C21.08 27.72 21.88 25.16 21.88 23.88C21.88 22.6 21.88 17.96 21.88 17.96L21.08 18.76L20.28 17.96C20.28 17.96 20.28 22.6 20.28 23.88C20.28 25.16 21.08 27.72 21.08 27.72Z"
d="M16 21.2927C16 21.2927 16.6897 19.265 16.6897 18.2512C16.6897 17.2374 16.6897 13.5622 16.6897 13.5622L16 14.1959L15.3103 13.5622C15.3103 13.5622 15.3103 17.2374 15.3103 18.2512C15.3103 19.265 16 21.2927 16 21.2927Z"
fill="#04756F"
/>
<path
d="M21.08 27.72L21.48 19.96C21.48 19.96 21.48 19.56 21.08 19.56C20.68 19.56 20.68 19.96 20.68 19.96L21.08 27.72Z"
d="M16 21.2927L16.3448 15.1463C16.3448 15.1463 16.3448 14.8295 16 14.8295C15.6551 14.8295 15.6552 15.1463 15.6552 15.1463L16 21.2927Z"
fill="#5AB57A"
/>
<path
d="M20.28 21.32L19.08 18.52L17.88 15.72L13.48 12.2L9.48 13.32L10.68 18.12L13.48 20.36L11.32 24.52L13.48 29.32C13.48 29.32 17.24 30.12 17.88 29.8C18.52 29.48 19.48 27.72 19.48 27.72L20.28 23.24"
d="M15.3104 16.2235L14.2759 14.0058L13.2414 11.788L9.44828 9L6 9.8871L7.03449 13.689L9.44828 15.4632L7.58622 18.7581L9.44828 22.56C9.44828 22.56 12.6897 23.1936 13.2414 22.9402C13.7931 22.6867 14.6207 21.2927 14.6207 21.2927L15.3104 17.7443"
fill="#148575"
/>
<path d="M15.64 26.12L19.48 27.72L20.28 23.24V22.12L15.64 26.12Z" fill="#299679" />
<path d="M11.3103 20.0254L14.6207 21.2927L15.3104 17.7443V16.8572L11.3103 20.0254Z" fill="#299679" />
<path
d="M13.48 29.32C13.48 29.32 17.24 30.12 17.88 29.8C18.52 29.48 19.48 27.72 19.48 27.72L15.64 26.12L13.48 29.32Z"
d="M9.44827 22.56C9.44827 22.56 12.6897 23.1936 13.2414 22.9402C13.7931 22.6867 14.6207 21.2927 14.6207 21.2927L11.3103 20.0254L9.44827 22.56Z"
fill="#40A67B"
/>
<path d="M13.48 29.32L15.64 26.12L11.32 24.52L13.48 29.32Z" fill="#D5EE6F" />
<path d="M13.48 20.36L11.32 24.52L15.64 26.12L13.48 20.36Z" fill="#75C578" />
<path d="M13.48 20.36L19.12 23.12L20.28 22.12L13.48 20.36Z" fill="#93D375" />
<path d="M9.48 13.32L13.48 16.84L20.28 22.12V21.32L17.88 15.72L13.48 12.2L9.48 13.32Z" fill="#299679" />
<path d="M9.48 13.32L13.48 17.48V12.2L9.48 13.32Z" fill="#40A67B" />
<path d="M13.48 12.2V16.84L17.88 15.72L13.48 12.2Z" fill="#5AB57A" />
<path d="M13.48 16.84L10.68 18.12L13.48 20.36V16.84Z" fill="#75C578" />
<path d="M13.48 16.84L9.48 13.32L10.68 18.12L13.48 16.84Z" fill="#B3E172" />
<path d="M13.48 16.84V20.36L15.64 20.92L20.28 22.12L13.48 16.84Z" fill="#5AB57A" />
<path d="M9.44827 22.56L11.3103 20.0254L7.5862 18.7581L9.44827 22.56Z" fill="#D5EE6F" />
<path d="M9.44826 15.4632L7.5862 18.7581L11.3103 20.0254L9.44826 15.4632Z" fill="#75C578" />
<path d="M9.44827 15.4632L14.3103 17.6492L15.3103 16.8572L9.44827 15.4632Z" fill="#93D375" />
<path d="M6 9.8871L9.44828 12.6751L15.3104 16.8572V16.2235L13.2414 11.788L9.44828 9L6 9.8871Z" fill="#299679" />
<path d="M6 9.8871L9.44828 13.182V9L6 9.8871Z" fill="#40A67B" />
<path d="M9.44827 9V12.6751L13.2414 11.788L9.44827 9Z" fill="#5AB57A" />
<path d="M9.44826 12.6751L7.03447 13.689L9.44826 15.4632V12.6751Z" fill="#75C578" />
<path d="M9.44828 12.6751L6 9.8871L7.03449 13.689L9.44828 12.6751Z" fill="#B3E172" />
<path d="M9.44827 12.6751V15.4632L11.3103 15.9067L15.3103 16.8572L9.44827 12.6751Z" fill="#5AB57A" />
<path
d="M21.88 21.32L23.08 18.52L24.28 15.72L28.68 12.2L32.68 13.32L31.48 18.12L28.68 20.36L30.84 24.52L28.68 29.32C28.68 29.32 24.92 30.12 24.28 29.8C23.64 29.48 22.68 27.72 22.68 27.72L21.88 23.24"
d="M16.6896 16.2235L17.7241 14.0058L18.7586 11.788L22.5517 9L26 9.8871L24.9655 13.689L22.5517 15.4632L24.4138 18.7581L22.5517 22.56C22.5517 22.56 19.3103 23.1936 18.7586 22.9402C18.2069 22.6867 17.3793 21.2927 17.3793 21.2927L16.6896 17.7443"
fill="#148575"
/>
<path d="M26.52 26.12L22.68 27.72L21.88 23.24V22.12L26.52 26.12Z" fill="#299679" />
<path d="M20.6896 20.0254L17.3793 21.2927L16.6896 17.7443V16.8572L20.6896 20.0254Z" fill="#299679" />
<path
d="M28.68 29.32C28.68 29.32 24.92 30.12 24.28 29.8C23.64 29.48 22.68 27.72 22.68 27.72L26.52 26.12L28.68 29.32Z"
d="M22.5517 22.56C22.5517 22.56 19.3103 23.1936 18.7586 22.9402C18.2069 22.6867 17.3793 21.2927 17.3793 21.2927L20.6896 20.0254L22.5517 22.56Z"
fill="#40A67B"
/>
<path d="M28.68 29.32L26.52 26.12L30.84 24.52L28.68 29.32Z" fill="#D5EE6F" />
<path d="M28.68 20.36L30.84 24.52L26.52 26.12L28.68 20.36Z" fill="#75C578" />
<path d="M28.68 20.36L23.04 23.12L21.88 22.12L28.68 20.36Z" fill="#93D375" />
<path d="M32.68 13.32L28.68 16.84L21.88 22.12V21.32L24.28 15.72L28.68 12.2L32.68 13.32Z" fill="#299679" />
<path d="M32.68 13.32L28.68 17.48V12.2L32.68 13.32Z" fill="#40A67B" />
<path d="M28.68 12.2V16.84L24.28 15.72L28.68 12.2Z" fill="#5AB57A" />
<path d="M28.68 16.84L31.48 18.12L28.68 20.36V16.84Z" fill="#75C578" />
<path d="M28.68 16.84L32.68 13.32L31.48 18.12L28.68 16.84Z" fill="#B3E172" />
<path d="M28.68 16.84V20.36L26.52 20.92L21.88 22.12L28.68 16.84Z" fill="#5AB57A" />
<path d="M22.5517 22.56L20.6896 20.0254L24.4138 18.7581L22.5517 22.56Z" fill="#D5EE6F" />
<path d="M22.5517 15.4632L24.4138 18.7581L20.6896 20.0254L22.5517 15.4632Z" fill="#75C578" />
<path d="M22.5517 15.4632L17.6896 17.6492L16.6896 16.8572L22.5517 15.4632Z" fill="#93D375" />
<path d="M26 9.8871L22.5517 12.6751L16.6896 16.8572V16.2235L18.7586 11.788L22.5517 9L26 9.8871Z" fill="#299679" />
<path d="M26 9.8871L22.5517 13.182V9L26 9.8871Z" fill="#40A67B" />
<path d="M22.5517 9V12.6751L18.7586 11.788L22.5517 9Z" fill="#5AB57A" />
<path d="M22.5517 12.6751L24.9655 13.689L22.5517 15.4632V12.6751Z" fill="#75C578" />
<path d="M22.5517 12.6751L26 9.8871L24.9655 13.689L22.5517 12.6751Z" fill="#B3E172" />
<path d="M22.5517 12.6751V15.4632L20.6896 15.9067L16.6896 16.8572L22.5517 12.6751Z" fill="#5AB57A" />
</svg>
);
}

0 comments on commit b80bbdc

Please sign in to comment.