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

use grid for displaying narrow cards

Browse source
This commit is contained in:
Satindar Dhillon 2022-03-30 22:40:59 -07:00
parent 6df107fc40
commit 85a192bc58
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/web/components/patterns/LibraryCards/ListLinkedItemCard.tsx
View file

@ -25,7 +25,7 @@ export function ListLinkedItemCardNarrow(
props: LinkedItemCardProps
): JSX.Element {
return (
<HStack
<Box
css={{
p: '$3',
height: '100%',
@ -37,6 +37,9 @@ export function ListLinkedItemCardNarrow(
border: '1px solid $grayBorder',
borderBottom: 'none',
alignItems: 'center',
display: 'grid',
gridTemplateColumns: '1fr 24px',
gridTemplateRows: '1fr',
}}
onClick={() => {
props.handleAction('showDetail')
@ -47,7 +50,6 @@ export function ListLinkedItemCardNarrow(
alignment="end"
css={{
px: '$2',
flexGrow: 1,
pl: '0px',
}}
>
@ -108,7 +110,7 @@ export function ListLinkedItemCardNarrow(
actionHandler={props.handleAction}
/>
</Box>
</HStack>
</Box>
)
}