mirror of
https://github.com/rzmk/learnhouse.git
synced 2025-12-19 04:19:25 +00:00
chore: remove unused example code
This commit is contained in:
parent
7b3badc10a
commit
76acb06ec4
1 changed files with 0 additions and 86 deletions
|
|
@ -154,90 +154,4 @@ const DialogDescription = styled(Dialog.Description, {
|
||||||
|
|
||||||
const Flex = styled('div', { display: 'flex' });
|
const Flex = styled('div', { display: 'flex' });
|
||||||
|
|
||||||
const Button = styled('button', {
|
|
||||||
all: 'unset',
|
|
||||||
display: 'inline-flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
borderRadius: 4,
|
|
||||||
padding: '0 15px',
|
|
||||||
fontSize: 15,
|
|
||||||
lineHeight: 1,
|
|
||||||
fontWeight: 500,
|
|
||||||
height: 35,
|
|
||||||
|
|
||||||
variants: {
|
|
||||||
variant: {
|
|
||||||
violet: {
|
|
||||||
backgroundColor: 'white',
|
|
||||||
color: violet.violet11,
|
|
||||||
boxShadow: `0 2px 10px ${blackA.blackA7}`,
|
|
||||||
'&:hover': { backgroundColor: mauve.mauve3 },
|
|
||||||
'&:focus': { boxShadow: `0 0 0 2px black` },
|
|
||||||
},
|
|
||||||
green: {
|
|
||||||
backgroundColor: green.green4,
|
|
||||||
color: green.green11,
|
|
||||||
'&:hover': { backgroundColor: green.green5 },
|
|
||||||
'&:focus': { boxShadow: `0 0 0 2px ${green.green7}` },
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
defaultVariants: {
|
|
||||||
variant: 'violet',
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const IconButton = styled('button', {
|
|
||||||
all: 'unset',
|
|
||||||
fontFamily: 'inherit',
|
|
||||||
borderRadius: '100%',
|
|
||||||
height: 25,
|
|
||||||
width: 25,
|
|
||||||
display: 'inline-flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
color: violet.violet11,
|
|
||||||
position: 'absolute',
|
|
||||||
top: 10,
|
|
||||||
right: 10,
|
|
||||||
|
|
||||||
'&:hover': { backgroundColor: violet.violet4 },
|
|
||||||
'&:focus': { boxShadow: `0 0 0 2px ${violet.violet7}` },
|
|
||||||
});
|
|
||||||
|
|
||||||
const Fieldset = styled('fieldset', {
|
|
||||||
all: 'unset',
|
|
||||||
display: 'flex',
|
|
||||||
gap: 20,
|
|
||||||
alignItems: 'center',
|
|
||||||
marginBottom: 15,
|
|
||||||
});
|
|
||||||
|
|
||||||
const Label = styled('label', {
|
|
||||||
fontSize: 15,
|
|
||||||
color: violet.violet11,
|
|
||||||
width: 90,
|
|
||||||
textAlign: 'right',
|
|
||||||
});
|
|
||||||
|
|
||||||
const Input = styled('input', {
|
|
||||||
all: 'unset',
|
|
||||||
width: '100%',
|
|
||||||
flex: '1',
|
|
||||||
display: 'inline-flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
borderRadius: 4,
|
|
||||||
padding: '0 10px',
|
|
||||||
fontSize: 15,
|
|
||||||
lineHeight: 1,
|
|
||||||
color: violet.violet11,
|
|
||||||
boxShadow: `0 0 0 1px ${violet.violet7}`,
|
|
||||||
height: 35,
|
|
||||||
|
|
||||||
'&:focus': { boxShadow: `0 0 0 2px ${violet.violet8}` },
|
|
||||||
});
|
|
||||||
|
|
||||||
export default Modal;
|
export default Modal;
|
||||||
Loading…
Add table
Add a link
Reference in a new issue