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

Merge pull request #4104 from omnivore-app/fix/web-highlights-layout

Browse source 
fix/web highlights layout
This commit is contained in:
Jackson Harper 2024-06-25 15:34:11 +08:00 committed by GitHub
commit 5c2392fcf5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 11 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/web/components/nav-containers/HighlightsContainer.tsx
View file

@ -70,9 +70,12 @@ export function HighlightsContainer(): JSX.Element {
return (
<VStack
css={{
maxWidth: '70%',
padding: '20px',
margin: '30px 50px 0 0',
margin: '30px',
'@mdDown': {
margin: '0px',
marginTop: '50px',
},
}}
>
{highlights.map((highlight) => {

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

@ -934,7 +934,7 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
py: '20px',
width: '100%',
'@mdDown': {
px: layout == 'GRID_LAYOUT' ? '20px' : '0px',
px: '0px',
},
}}
distribution="start"
@ -1030,6 +1030,9 @@ export function LibraryItemsLayout(
height: '100%',
width: '100%',
paddingX: '40px',
'@mdDown': {
mx: props.layout == 'GRID_LAYOUT' ? '20px' : '0px',
},
}}
>
<Toaster />

24
packages/web/components/templates/library/LibraryHeader.tsx
View file

@ -38,27 +38,6 @@ export type LibraryHeaderProps = {
performMultiSelectAction: (action: BulkAction, labelIds?: string[]) => void
}
export const headerControlWidths = (
layout: LayoutType,
multiSelectMode: MultiSelectMode
) => {
return {
width: '95%',
'@mdDown': {
width: '100%',
},
'@media (min-width: 930px)': {
width: '620px',
},
'@media (min-width: 1280px)': {
width: '940px',
},
'@media (min-width: 1600px)': {
width: '1232px',
},
}
}
export function LibraryHeader(props: LibraryHeaderProps): JSX.Element {
const [small, setSmall] = useState(false)
@ -89,7 +68,8 @@ export function LibraryHeader(props: LibraryHeaderProps): JSX.Element {
right: '0',
},
'@xlgDown': {
px: props.showFilterMenu ? '0px' : '40px',
px: props.showFilterMenu ? '0px' : '60px',
pr: '10px',
},
}}
>