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

Some grid card positioning tweaks

Browse source
This commit is contained in:
Jackson Harper 2023-08-04 11:37:40 +08:00
parent 5e6c34b923
commit 20baa57110
3 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/web/components/patterns/LibraryCards/FallbackImage.tsx
View file

@ -27,7 +27,6 @@ export const FallbackImage = (props: FallbackImageProps): JSX.Element => {
distribution="center"
alignment="center"
css={{
// position: 'relative',
width: props.width,
height: props.height,
backgroundColor: colors[1],

1
packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx
View file

@ -41,7 +41,6 @@ export const TitleStyle = {
fontSize: '16px',
fontWeight: '700',
maxLines: 2,
lineHeight: '1.25',
fontFamily: '$display',
overflow: 'hidden',
textOverflow: 'ellipsis',

10
packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
View file

@ -171,7 +171,7 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
return (
<VStack css={{ p: '0px', m: '0px', width: '100%' }}>
<Box css={{ position: 'relative', width: '100%' }}>
<Box css={{ position: 'relative', width: '100%', height: '100px' }}>
<GridImage
src={props.item.image}
title={props.item.title}
@ -219,7 +219,7 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
<HStack
css={{
...MetaStyle,
pt: '15px',
mt: '15px',
px: '15px',
}}
distribution="start"
@ -230,12 +230,12 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
<VStack
alignment="start"
distribution="start"
css={{ height: '100%', width: '100%', px: '15px', pt: '5px' }}
css={{ height: '100%', width: '100%', px: '15px' }}
>
<Box
css={{
...TitleStyle,
height: '42px',
mt: '10px',
}}
>
{props.item.title}
@ -244,7 +244,7 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
css={{
...AuthorInfoStyle,
mt: '5px',
mb: '10px',
mb: '20px',
}}
>
{props.item.author}