feat: rounded icons TopBar

This commit is contained in:
2025-07-14 00:27:42 +05:00
parent 90d4bb80e6
commit 3d4c9c89ef

View File

@ -1,8 +1,8 @@
import { Box, Button, Typography } from '@mui/material';
import CloseIcon from '@mui/icons-material/Close';
import MinimizeIcon from '@mui/icons-material/Minimize';
import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
import { useLocation, useNavigate } from 'react-router-dom';
import ArrowBackIcon from '@mui/icons-material/ArrowBack';
import ArrowBackRoundedIcon from '@mui/icons-material/ArrowBackRounded';
import MinimizeRoundedIcon from '@mui/icons-material/MinimizeRounded';
declare global {
interface Window {
@ -90,7 +90,7 @@ export default function TopBar({ onRegister }: TopBarProps) {
minHeight: 'unset',
}}
>
<ArrowBackIcon />
<ArrowBackRoundedIcon />
</Button>
)}
</Box>
@ -163,7 +163,10 @@ export default function TopBar({ onRegister }: TopBarProps) {
aria-hidden="true"
viewBox="0 0 24 24"
>
<path d="M6 12h12v1H6z" fill="white"></path>
<path
d="M 7 19 h 10 c 0.55 0 1 0.45 1 1 s -0.45 1 -1 1 H 7 c -0.55 0 -1 -0.45 -1 -1 s 0.45 -1 1 -1"
fill="white"
></path>
</svg>
</Button>
<Button
@ -178,7 +181,7 @@ export default function TopBar({ onRegister }: TopBarProps) {
borderRadius: '50%',
}}
>
<CloseIcon sx={{ color: 'white' }} />
<CloseRoundedIcon sx={{ color: 'white' }} />
</Button>
</Box>
</Box>