acid-info
/
logos-press-engine
mirror of https://github.com/acid-info/logos-press-engine.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: fix spacing and border style of most recent posts

This commit is contained in:
Hossein Mehrabi 2023-08-24 21:45:43 +03:30
parent 563ae6db2e
commit bcb7ffb14e
No known key found for this signature in database
GPG Key ID: 45C04964191AFAA1
1 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/PostsGrid/PostsGrid.tsx
View File

@ -159,6 +159,7 @@ const createGridStyles = ({
width: 100%; width: 100%;
overflow: scroll; overflow: scroll;
scroll-snap-type: x mandatory; scroll-snap-type: x mandatory;
gap: 0 32px;
/* Chrome, Safari and Opera */ /* Chrome, Safari and Opera */
&::-webkit-scrollbar { &::-webkit-scrollbar {
@ -176,14 +177,27 @@ const createGridStyles = ({
max-width: ${p.maxWidth ? p.maxWidth : 'unset'}; max-width: ${p.maxWidth ? p.maxWidth : 'unset'};
flex-grow: 1 auto; flex-grow: 1 auto;
flex-shrink: 0; flex-shrink: 0;
width: calc((100% - (${p.cols - 1} * 16px)) / ${p.cols}); width: calc((100% - (${p.cols - 1} * 32px)) / ${p.cols});
flex-basis: calc((100% - (${p.cols - 1} * 16px)) / ${p.cols}); flex-basis: calc((100% - (${p.cols - 1} * 32px)) / ${p.cols});
scroll-snap-align: start !important; scroll-snap-align: start !important;
position: relative;
.post-card { .post-card {
--post-card-size: ${p.size}; --post-card-size: ${p.size};
${postCardStyles[p.size as string].styles} ${postCardStyles[p.size as string].styles}
} }
&:not(:last-child) {
&::after {
width: 1px;
height: calc(100% - 48px);
content: ' ';
right: -16px;
top: 24px;
background: rgb(var(--lsd-border-primary));
position: absolute;
}
}
`, `,
)} )}
} }