abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-06 08:38:37 +00:00
Code Issues Packages Projects Releases 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
1 changed files with 11 additions and 3 deletions
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);
h3 {
font-size: 14px;
text-transform: uppercase;
margin-top: 0;
}
form {
display: flex;
flex-direction: column;
gap: 8px;
> div {
margin: 0;
color: var(--secondary-foreground);
font-size: 12px;
}
}
${(props) =>
@@ -95,7 +104,7 @@ const ModalContent = styled.div<
${(props) =>
props.padding &&
css`
padding: 1.5em;
padding: 1rem;
`}
${(props) =>
@@ -116,8 +125,7 @@ const ModalActions = styled.div`
gap: 8px;
display: flex;
flex-direction: row-reverse;
padding: 1em 1.5em;
padding: 1rem;
background: var(--secondary-background);
border-radius: 0 0 var(--border-radius) var(--border-radius);
`;