Improve layout for list mode

2024-08-07 15:45:27 +08:00
parent 15f201fcfc
commit f4f7870a35
2 changed files with 4 additions and 4 deletions
--- a/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
@ -85,9 +85,9 @@ export function LibraryListCard(props: LinkedItemCardProps): JSX.Element {
        height: '100%',
        cursor: 'pointer',
        gap: '10px',
-        borderStyle: 'none',
-        borderBottom: 'none',
-        borderRadius: '6px',
+        borderBottom: props.legacyLayout
+          ? 'unset'
+          : '1px solid $thLeftMenuBackground',
        '@media (max-width: 930px)': {
          borderRadius: '0px',
        },
--- a/packages/web/components/templates/library/LibraryContainer.tsx
+++ b/packages/web/components/templates/library/LibraryContainer.tsx
@ -1334,7 +1334,7 @@ function LibraryItemsList(props: LibraryItemsProps): JSX.Element {
        width: '100%',
        gridAutoRows: 'auto',
        borderRadius: '6px',
-        gridGap: props.layout == 'LIST_LAYOUT' ? '10px' : '20px',
+        gridGap: props.layout == 'LIST_LAYOUT' ? '0px' : '20px',
        marginTop: '10px',
        marginBottom: '0px',
        paddingTop: '0',