🍱 Branding

This commit is contained in:
LittleSheep 2025-01-04 14:08:12 +08:00
parent bf9dbe922c
commit 38a2d712eb
8 changed files with 23 additions and 4 deletions

BIN
public/apple-icon.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

BIN
public/favicon.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

BIN
public/logo-w-padding.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

BIN
public/logo.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

View File

@ -8,8 +8,10 @@ import {
Divider,
Drawer,
Toolbar,
Typography,
} from '@mui/material'
import { JSX } from 'react'
import Image from 'next/image'
import FeedIcon from '@mui/icons-material/Feed'
import PhotoLibraryIcon from '@mui/icons-material/PhotoLibrary'
@ -44,7 +46,7 @@ export function CapDrawer({ width, open, onClose }: { width: number; open: boole
href: '/about',
},
{
title: 'Term & Conditions',
title: 'Terms & Conditions',
icon: <PolicyIcon />,
href: '/terms',
},
@ -53,7 +55,20 @@ export function CapDrawer({ width, open, onClose }: { width: number; open: boole
return (
<Drawer open={open} onClose={onClose}>
<Box sx={{ width: width }} role="presentation" onClick={onClose}>
<Toolbar>Solsynth LLC</Toolbar>
<Toolbar style={{ padding: 0 }}>
<Box display="flex" gap={2} sx={{ mx: 2 }}>
<Image src="/logo.png" width={28} height={28} alt="company logo" style={{ objectFit: 'contain' }} />
<Box display="flex" flexDirection="column" justifyContent="center">
<Typography variant="body2" component="h2" fontWeight="bold" lineHeight={1.4}>
Solsynth LLC
</Typography>
<Typography variant="caption" component="h3" lineHeight={1} fontFamily="monospace">
Capital
</Typography>
</Box>
</Box>
</Toolbar>
<Divider />
<List>

View File

@ -49,6 +49,10 @@ export default function App({ Component, pageProps }: AppProps) {
<Head>
<title>{title}</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.png" type="image/png" />
<link rel="apple-touch-icon" href="/apple-icon.png" type="image/png" />
</Head>
<ThemeProvider theme={siteTheme}>

View File

@ -105,14 +105,14 @@ export default function Post({ post, attachments }: InferGetServerSidePropsType<
const [openAppHint, setOpenAppHint] = useState<boolean>()
useEffect(() => {
if (!localStorage.getItem('sol_hide_app_hint')) {
if (!localStorage.getItem('sol-hide-app-hint')) {
setOpenAppHint(true)
}
}, [])
useEffect(() => {
if (openAppHint === false) {
localStorage.setItem('sol_hide_app_hint', 'yes')
localStorage.setItem('sol-hide-app-hint', 'yes')
}
}, [openAppHint])