From 48d7019af90a0a6ca3119cd12225a78375d34106 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Thu, 13 Jun 2024 15:15:16 +0800
Subject: [PATCH] Start to simplify new library layout

---
 .../web/components/patterns/LibraryCards/LibraryGridCard.tsx  | 2 +-
 .../web/components/templates/library/LibraryContainer.tsx     | 3 ++-
 packages/web/components/tokens/stitches.config.ts             | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
index fb2fd6502..1f551fdd4 100644
--- a/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
+++ b/packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx
@@ -67,12 +67,12 @@ export function LibraryGridCard(props: LinkedItemCardProps): JSX.Element {
         width: '100%',
         height: '100%',
         minHeight: '270px',
-        background: 'white',
         borderRadius: '5px',
         borderWidth: '1px',
         borderStyle: 'none',
         overflow: 'hidden',
         cursor: 'pointer',
+        border: '1px solid black',
         '@media (max-width: 930px)': {
           width: 'calc(100% - 30px)',
         },
diff --git a/packages/web/components/templates/library/LibraryContainer.tsx b/packages/web/components/templates/library/LibraryContainer.tsx
index 94d226a87..7f1eff037 100644
--- a/packages/web/components/templates/library/LibraryContainer.tsx
+++ b/packages/web/components/templates/library/LibraryContainer.tsx
@@ -1182,6 +1182,7 @@ function LibraryItems(props: LibraryItemsProps): JSX.Element {
         width: '100%',
         gridAutoRows: 'auto',
         borderRadius: '6px',
+        border: props.layout == 'LIST_LAYOUT' ? 'unset' : '1px solid black',
         gridGap: props.layout == 'LIST_LAYOUT' ? '10px' : '20px',
         marginTop: '10px',
         marginBottom: '0px',
@@ -1215,7 +1216,7 @@ function LibraryItems(props: LibraryItemsProps): JSX.Element {
               outline: 'none',
             },
             '&> div': {
-              bg: '$thLeftMenuBackground',
+              // bg: '$thLeftMenuBackground',
               // bg: '$thLibraryBackground',
             },
             '&:focus': {
diff --git a/packages/web/components/tokens/stitches.config.ts b/packages/web/components/tokens/stitches.config.ts
index 1dee7a738..0ef397081 100644
--- a/packages/web/components/tokens/stitches.config.ts
+++ b/packages/web/components/tokens/stitches.config.ts
@@ -105,7 +105,7 @@ export const { styled, css, theme, getCssText, globalCss, keyframes, config } =
       borderStyles: {},
       shadows: {
         // cardBoxShadow: '0px 1px 2px 0px rgba(0, 0, 0, 0.05);',
-        cardBoxShadow: '0px 4px 4px rgba(0, 0, 0, 0.20);',
+        cardBoxShadow: '0px 4px 4px rgba(0, 0, 0, 0.10);',
       },
       zIndices: {},
       transitions: {},
@@ -273,7 +273,7 @@ const darkThemeSpec = {
     colorScheme: 'dark',
   },
   shadows: {
-    cardBoxShadow: '0px 4px 8px rgba(0, 0, 0, 0.50);',
+    cardBoxShadow: '0px 4px 8px rgba(0, 0, 0, 0.20);',
   },
   colors: {
     grayBase: '#252525',