feat: use typography

This commit is contained in:
karishmas6
2024-10-19 00:12:45 +05:30
parent 85515fddd3
commit c1e123c35d

View File

@@ -3,7 +3,7 @@ import axios from 'axios';
import styled from "styled-components"; import styled from "styled-components";
import { stopRecording } from "../../api/recording"; import { stopRecording } from "../../api/recording";
import { useGlobalInfoStore } from "../../context/globalInfo"; import { useGlobalInfoStore } from "../../context/globalInfo";
import { Button, IconButton } from "@mui/material"; import { Button, IconButton, Typography } from "@mui/material";
import { RecordingIcon } from "../atoms/RecorderIcon"; import { RecordingIcon } from "../atoms/RecorderIcon";
import { SaveRecording } from "./SaveRecording"; import { SaveRecording } from "./SaveRecording";
import { Circle, Add, Logout, Clear } from "@mui/icons-material"; import { Circle, Add, Logout, Clear } from "@mui/icons-material";
@@ -146,7 +146,7 @@ export const NavBar: React.FC<NavBarProps> = ({ newRecording, recordingName, isR
</div> </div>
<GenericModal isOpen={isModalOpen} onClose={() => setModalOpen(false)}> <GenericModal isOpen={isModalOpen} onClose={() => setModalOpen(false)}>
<div style={{ padding: '20px' }}> <div style={{ padding: '20px' }}>
<h2>Enter URL</h2> <Typography variant="h6" gutterBottom>Enter URL To Extract Data</Typography>
<TextField <TextField
label="URL" label="URL"
variant="outlined" variant="outlined"