talksik/nirvana-v4
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update KeyboardShortcutLabel.tsx

Browse Source
This commit is contained in:
talksik
2022-05-28 02:24:06 -05:00
parent 3d22272f03
commit 57fd2c997b
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/desktop/src/components/KeyboardShortcutLabel.tsx
+5 -4
View File
@@ -1,20 +1,21 @@
import React from 'react'; import React from 'react';
import { Box, Typography } from '@mui/material'; import { Box, Paper, Typography } from '@mui/material';
import { blueGrey } from '@mui/material/colors'; import { blueGrey } from '@mui/material/colors';
export default function KeyboardShortcutLabel({ label }: { label: string }) { export default function KeyboardShortcutLabel({ label }: { label: string }) {
return ( return (
<Box <Paper
elevation={0}
variant={'outlined'}
sx={{ sx={{
px: 1, px: 1,
py: 0.25, py: 0.25,
border: `1px solid`, border: `1px solid`,
bgcolor: blueGrey[50], bgcolor: blueGrey[50],
boxShadow: 1,
color: blueGrey[300], color: blueGrey[300],
}} }}
> >
<Typography variant="caption">{label}</Typography> <Typography variant="caption">{label}</Typography>
</Box> </Paper>
); );
} }