yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Improved breakpoints for pins on mobile

Browse Source 
fix: Prevent clock icon shrinking
fix: Prevent metadata wrapping
This commit is contained in:
Tom Moor
2022-09-15 23:04:43 +01:00
parent 410c9900c1
commit a74635a37f
3 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/components/PinnedDocuments.tsx
View File

@@ -126,8 +126,8 @@ function PinnedDocuments({ limit, pins, canUpdate, ...rest }: Props) {
const List = styled.div`
display: grid;
column-gap: 8px;
row-gap: 8px;
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: 12px;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding: 0;
list-style: none;
margin: 16px 0 32px;
@@ -136,6 +136,10 @@ const List = styled.div`
display: none;
}
${breakpoint("mobileLarge")`
grid-template-columns: repeat(3, minmax(0, 1fr));
`};
${breakpoint("tablet")`
grid-template-columns: repeat(4, minmax(0, 1fr));
`};