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

Improve list layout

Browse source
This commit is contained in:
Jackson Harper 2023-06-09 17:30:24 +08:00
parent 4e2c69d681
commit 032b28ba79
2 changed files with 4 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
packages/web/components/patterns/LibraryCards/LibraryListCard.tsx
View file

@ -15,6 +15,7 @@ import {
TitleStyle,
} from './LibraryCardStyles'
import { sortedLabels } from '../../../lib/labelsSort'
import { LIBRARY_LEFT_MENU_WIDTH } from '../../templates/homeFeed/LibraryFilterMenu'
export function LibraryListCard(props: LinkedItemCardProps): JSX.Element {
const [isHovered, setIsHovered] = useState(false)
@ -28,12 +29,9 @@ export function LibraryListCard(props: LinkedItemCardProps): JSX.Element {
gap: '10px',
border: '1px solid $grayBorder',
borderBottom: 'none',
'@xlgDown': {
width: 'unset',
borderRadius: 'unset',
borderLeft: 'unset',
borderRight: 'unset',
width: '100vw',
'@media (min-width: 768px)': {
width: `calc(100vw - ${LIBRARY_LEFT_MENU_WIDTH})`,
},
'@media (min-width: 930px)': {
width: '640px',

5
packages/web/components/templates/homeFeed/LibraryFilterMenu.tsx
View file

@ -52,11 +52,6 @@ export function LibraryFilterMenu(props: LibraryFilterMenuProps): JSX.Element {
width: '100%',
px: '25px',
pb: '25px',
// '@lg': {
// display: props.alwaysDisplayToolbar ? 'flex' : 'none',
// },
// '@mdDown': { px: '15px' },
}}
>
<LogoBox />