cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-10 01:03:36 -05:00
Code Issues Projects Releases Packages Wiki Activity

fix(modals): fixed design of modals

Browse source
This commit is contained in:
trashtemp 2021-12-24 18:55:39 +01:00
parent 18f7f91ff0
commit c53f74abbf
No known key found for this signature in database
GPG key ID: D1F0DB65081B0FC6
1 changed files with 11 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/ui/Modal.tsx
View file

@ -78,12 +78,21 @@ const ModalContent = styled.div<
border-radius: var(--border-radius); border-radius: var(--border-radius);
h3 { h3 {
font-size: 14px;
text-transform: uppercase;
margin-top: 0; margin-top: 0;
} }
form { form {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 8px;
> div {
margin: 0;
color: var(--secondary-foreground);
font-size: 12px;
}
} }
${(props) => ${(props) =>
@ -95,7 +104,7 @@ const ModalContent = styled.div<
${(props) => ${(props) =>
props.padding && props.padding &&
css` css`
padding: 1.5em; padding: 1rem;
`} `}
${(props) => ${(props) =>
@ -116,8 +125,7 @@ const ModalActions = styled.div`
gap: 8px; gap: 8px;
display: flex; display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
padding: 1rem;
padding: 1em 1.5em;
background: var(--secondary-background); background: var(--secondary-background);
border-radius: 0 0 var(--border-radius) var(--border-radius); border-radius: 0 0 var(--border-radius) var(--border-radius);
`; `;