feat: rounded icons TopBar
This commit is contained in:
@ -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>
|
||||
|
Reference in New Issue
Block a user