feat(client): add favicon and icons

This commit is contained in:
perf3ct 2025-06-26 18:49:07 +00:00
parent 325b9321fc
commit 64918eabde
6 changed files with 18 additions and 2 deletions

View File

@ -2,7 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

BIN
frontend/public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
frontend/public/readur.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

View File

@ -160,7 +160,23 @@ const AppLayout: React.FC<AppLayoutProps> = ({ children }) => {
}, },
}} }}
> >
<Box sx={{ position: 'relative', zIndex: 1 }}>R</Box> <Box sx={{ position: 'relative', zIndex: 1 }}>
<img
src="/readur-32.png"
srcSet="/readur-32.png 1x, /readur-64.png 2x"
alt="Readur Logo"
style={{
width: '32px',
height: '32px',
objectFit: 'contain',
}}
onError={(e) => {
// Fallback to "R" if image fails to load
e.currentTarget.style.display = 'none';
e.currentTarget.parentElement!.innerHTML = 'R';
}}
/>
</Box>
</Box> </Box>
<Box> <Box>
<Typography variant="h6" sx={{ <Typography variant="h6" sx={{