vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: create robot style

Browse Source
This commit is contained in:
karishmas6
2024-10-10 21:34:22 +05:30
parent 15c973bc83
commit 11873f4228
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/molecules/NavBar.tsx
View File

@@ -6,7 +6,7 @@ import { useGlobalInfoStore } from "../../context/globalInfo";
import { Button, IconButton } from "@mui/material"; import { Button, IconButton } from "@mui/material";
import { RecordingIcon } from "../atoms/RecorderIcon"; import { RecordingIcon } from "../atoms/RecorderIcon";
import { SaveRecording } from "./SaveRecording"; import { SaveRecording } from "./SaveRecording";
import { Circle } from "@mui/icons-material"; import { Circle, Add } from "@mui/icons-material";
import MeetingRoomIcon from '@mui/icons-material/MeetingRoom'; import MeetingRoomIcon from '@mui/icons-material/MeetingRoom';
import { Link, useLocation, useNavigate } from 'react-router-dom'; import { Link, useLocation, useNavigate } from 'react-router-dom';
import { AuthContext } from '../../context/auth'; import { AuthContext } from '../../context/auth';
@@ -73,22 +73,22 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
size={"small"} size={"small"}
onClick={handleNewRecording} onClick={handleNewRecording}
sx={{ sx={{
width: isRecording ? '100px' : '130px', width: isRecording ? '130px' : '140px',
borderRadius: '5px', borderRadius: '5px',
padding: '8px', padding: '8px',
background: 'white', background: '#ff00c3',
color: 'rgba(255,0,0,0.7)', color: 'white',
marginRight: '10px', marginRight: '10px',
fontFamily: '"Roboto","Helvetica","Arial",sans-serif', fontFamily: '"Roboto","Helvetica","Arial",sans-serif',
fontWeight: '500', fontWeight: '500',
fontSize: '0.875rem', fontSize: '0.875rem',
lineHeight: '1.75', lineHeight: '1.75',
letterSpacing: '0.02857em', letterSpacing: '0.02857em',
'&:hover': { color: 'red', backgroundColor: 'white' } '&:hover': { color: 'white', backgroundColor: '#ff00c3' }
} }
} }
> >
<Circle sx={{ marginRight: '5px' }} /> {isRecording ? 'New' : 'Create a Robot'} <Add sx={{ marginRight: '5px' }} /> {isRecording ? 'New Robot' : 'Create Robot'}
</IconButton> </IconButton>
{ {
recordingLength > 0 recordingLength > 0