Buriburizaemon/nodewarden
1
0
Fork 0
mirror of https://github.com/shuaiplus/nodewarden.git synced 2026-06-20 21:00:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: update SVG logos and enhance brand wordmark styling

Browse Source
This commit is contained in:
shuaiplus
2026-04-27 02:01:27 +08:00
parent 7ab836d0f3
commit bfd347a52c
8 changed files with 80 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webapp/src/components/AppAuthenticatedShell.tsx
+1 -1
View File
@@ -34,7 +34,7 @@ export default function AppAuthenticatedShell(props: AppAuthenticatedShellProps)
<header className="topbar">
<div className="brand">
<img src="/nodewarden-logo.svg" alt="NodeWarden logo" className="brand-logo" />
<span className="brand-wordmark">NodeWarden</span>
<span className="brand-wordmark" role="img" aria-label="NodeWarden" />
<span className="mobile-page-title">{props.currentPageTitle}</span>
</div>
<div className="topbar-actions">
webapp/src/components/StandalonePageFrame.tsx
+1 -1
View File
@@ -12,7 +12,7 @@ export default function StandalonePageFrame(props: StandalonePageFrameProps) {
<div className="standalone-brand standalone-brand-outside">
<img src="/nodewarden-logo.svg" alt="NodeWarden logo" className="standalone-brand-logo" />
<div>
<span className="standalone-brand-wordmark">NodeWarden</span>
<span className="standalone-brand-wordmark" role="img" aria-label="NodeWarden" />
</div>
</div>
webapp/src/styles/auth.css
+6 -1
View File
@@ -51,7 +51,12 @@
}
.standalone-brand-wordmark {
@apply block max-w-full whitespace-nowrap text-[34px] font-extrabold leading-none tracking-normal text-ink;
@apply block max-w-full;
width: clamp(200px, 30vw, 340px);
aspect-ratio: 862 / 102;
background: #116ff9;
mask: url('/nodewarden-wordmark.svg') center / contain no-repeat;
-webkit-mask: url('/nodewarden-wordmark.svg') center / contain no-repeat;
}
.standalone-title {
webapp/src/styles/shell.css
+6 -1
View File
@@ -22,7 +22,12 @@
}
.brand-wordmark {
@apply block max-w-full whitespace-nowrap text-[28px] font-extrabold leading-none tracking-normal text-ink;
@apply block max-w-full;
width: clamp(168px, 17vw, 224px);
aspect-ratio: 862 / 102;
background: #116ff9;
mask: url('/nodewarden-wordmark.svg') center / contain no-repeat;
-webkit-mask: url('/nodewarden-wordmark.svg') center / contain no-repeat;
}
.mobile-page-title {