Benature/omnivore
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #2586 from omnivore-app/fix/web-library-grid-layout

Browse Source 
Improve the spacing on library grid cards
This commit is contained in:
Jackson Harper
2023-08-03 19:14:19 +08:00
committed by GitHub
parent c48b70aaca 712adeaff3
commit 1cabdde679
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
View File

@ -219,7 +219,6 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
<HStack
css={{
...MetaStyle,
minHeight: '35px',
pt: '15px',
px: '15px',
}}
@ -231,7 +230,7 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
<VStack
alignment="start"
distribution="start"
css={{ height: '100%', width: '100%', px: '15px', pt: '10px' }}
css={{ height: '100%', width: '100%', px: '15px', pt: '5px' }}
>
<Box
css={{
@ -244,8 +243,8 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
<SpanBox
css={{
...AuthorInfoStyle,
mt: '0px',
mb: '20px',
mt: '5px',
mb: '10px',
}}
>
{props.item.author}
@ -262,6 +261,7 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
css={{
display: 'block',
minHeight: '35px',
marginLeft: '-2px', // offset because the chips have margin
}}
>
{sortedLabels(props.item.labels).map(({ name, color }, index) => (