Allow wider grid cards on smaller screens so there isnt a huge amount of margin

2023-03-08 17:58:23 +08:00
parent 1067726a7a
commit e4ae4a7e64
1 changed files with 4 additions and 0 deletions
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@ -73,6 +73,10 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
        borderStyle: 'solid',
        borderColor: '$thBorderColor',
        cursor: 'pointer',
+        '@smDown': {
+          m: '15px',
+          width: 'calc(100% - 30px)',
+        },
      }}
      alignment="start"
      distribution="start"