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 { Box, Button, Typography } from '@mui/material';
import CloseIcon from '@mui/icons-material/Close'; import CloseRoundedIcon from '@mui/icons-material/CloseRounded';
import MinimizeIcon from '@mui/icons-material/Minimize';
import { useLocation, useNavigate } from 'react-router-dom'; 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 { declare global {
interface Window { interface Window {
@ -90,7 +90,7 @@ export default function TopBar({ onRegister }: TopBarProps) {
minHeight: 'unset', minHeight: 'unset',
}} }}
> >
<ArrowBackIcon /> <ArrowBackRoundedIcon />
</Button> </Button>
)} )}
</Box> </Box>
@ -163,7 +163,10 @@ export default function TopBar({ onRegister }: TopBarProps) {
aria-hidden="true" aria-hidden="true"
viewBox="0 0 24 24" 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> </svg>
</Button> </Button>
<Button <Button
@ -178,7 +181,7 @@ export default function TopBar({ onRegister }: TopBarProps) {
borderRadius: '50%', borderRadius: '50%',
}} }}
> >
<CloseIcon sx={{ color: 'white' }} /> <CloseRoundedIcon sx={{ color: 'white' }} />
</Button> </Button>
</Box> </Box>
</Box> </Box>