prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
commit 1cabdde679
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 4 deletions
Show stats 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) => (