feat: use typography
This commit is contained in:
@@ -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"
|
||||||
|
|||||||
Reference in New Issue
Block a user