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

Start to simplify new library layout

Browse source
This commit is contained in:
Jackson Harper 2024-06-13 15:15:16 +08:00
parent 7e559091bd
commit 48d7019af9
3 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -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)',
},

3
packages/web/components/templates/library/LibraryContainer.tsx
View file

@ -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': {

4
packages/web/components/tokens/stitches.config.ts
View file

@ -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',