jeffemmett
/
non-fungible-apps
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: fix mobile designs

This commit is contained in:
Camila Sosa Morales 2023-05-16 12:19:25 -03:00
parent 7475a62548
commit 540eabf4ff
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/views/indexed-nfa/indexed-nfa.styles.ts
View File

@ -20,6 +20,7 @@ export const IndexedNFAStyles = {
gridTemplateAreas: '"aside" "main"', gridTemplateAreas: '"aside" "main"',
gridTemplateColumns: '1fr', gridTemplateColumns: '1fr',
justifyItems: 'center', justifyItems: 'center',
padding: '0',
}, },
}), }),
@ -145,6 +146,7 @@ export const IndexedNFAStyles = {
display: 'flex', display: 'flex',
flexDirection: 'column', flexDirection: 'column',
gap: Spacing, gap: Spacing,
width: '100%',
}), }),
Heading: styled('h2', { Heading: styled('h2', {
fontSize: '1.625rem', fontSize: '1.625rem',
@ -193,8 +195,8 @@ export const IndexedNFAStyles = {
borderBottom: '1px solid $slate6', borderBottom: '1px solid $slate6',
}), }),
Elipse: styled('span', { Elipse: styled('span', {
width: '0.375rem', minWidth: '0.375rem',
height: '0.375rem', minHeight: '0.375rem',
backgroundColor: '$slate11', backgroundColor: '$slate11',
borderRadius: '100%', borderRadius: '100%',
}), }),