🍱 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, Divider,
Drawer, Drawer,
Toolbar, Toolbar,
Typography,
} from '@mui/material' } from '@mui/material'
import { JSX } from 'react' import { JSX } from 'react'
import Image from 'next/image'
import FeedIcon from '@mui/icons-material/Feed' import FeedIcon from '@mui/icons-material/Feed'
import PhotoLibraryIcon from '@mui/icons-material/PhotoLibrary' import PhotoLibraryIcon from '@mui/icons-material/PhotoLibrary'
@ -44,7 +46,7 @@ export function CapDrawer({ width, open, onClose }: { width: number; open: boole
href: '/about', href: '/about',
}, },
{ {
title: 'Term & Conditions', title: 'Terms & Conditions',
icon: <PolicyIcon />, icon: <PolicyIcon />,
href: '/terms', href: '/terms',
}, },
@ -53,7 +55,20 @@ export function CapDrawer({ width, open, onClose }: { width: number; open: boole
return ( return (
<Drawer open={open} onClose={onClose}> <Drawer open={open} onClose={onClose}>
<Box sx={{ width: width }} role="presentation" onClick={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 /> <Divider />
<List> <List>

View File

@ -49,6 +49,10 @@ export default function App({ Component, pageProps }: AppProps) {
<Head> <Head>
<title>{title}</title> <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> </Head>
<ThemeProvider theme={siteTheme}> <ThemeProvider theme={siteTheme}>

View File

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