feat: use paper for table container
This commit is contained in:
@@ -12,6 +12,7 @@ import {
|
|||||||
TableHead,
|
TableHead,
|
||||||
TableRow,
|
TableRow,
|
||||||
Tooltip,
|
Tooltip,
|
||||||
|
Paper,
|
||||||
} from '@mui/material';
|
} from '@mui/material';
|
||||||
import { ContentCopy, Visibility, Delete } from '@mui/icons-material';
|
import { ContentCopy, Visibility, Delete } from '@mui/icons-material';
|
||||||
import styled from 'styled-components';
|
import styled from 'styled-components';
|
||||||
@@ -23,6 +24,7 @@ const Container = styled(Box)`
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-top: 50px;
|
margin-top: 50px;
|
||||||
|
margin-left: 50px;
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const ApiKeyManager = () => {
|
const ApiKeyManager = () => {
|
||||||
@@ -89,7 +91,7 @@ const ApiKeyManager = () => {
|
|||||||
<Typography variant="h5">Manage Your API Key</Typography>
|
<Typography variant="h5">Manage Your API Key</Typography>
|
||||||
|
|
||||||
{apiKey ? (
|
{apiKey ? (
|
||||||
<TableContainer>
|
<TableContainer component={Paper} sx={{ width: '100%', overflow: 'hidden' }}>
|
||||||
<Table>
|
<Table>
|
||||||
<TableHead>
|
<TableHead>
|
||||||
<TableRow>
|
<TableRow>
|
||||||
|
|||||||
Reference in New Issue
Block a user