abner
/
for-legacy-web
mirror of https://github.com/stoatchat/for-legacy-web
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

fix(modals): fixed design of modals

pull/1049/head
trashtemp 2021-12-24 18:55:39 +01:00
parent 4665e00f4c
commit c0a4871430
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);
`; `;