From bcb7ffb14efd48f54ff87ee49ce5fc4710246f9c Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Thu, 24 Aug 2023 21:45:43 +0330
Subject: [PATCH] fix: fix spacing and border style of most recent posts

---
 src/components/PostsGrid/PostsGrid.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/PostsGrid/PostsGrid.tsx b/src/components/PostsGrid/PostsGrid.tsx
index aa52cfc..f8f774b 100644
--- a/src/components/PostsGrid/PostsGrid.tsx
+++ b/src/components/PostsGrid/PostsGrid.tsx
@@ -159,6 +159,7 @@ const createGridStyles = ({
         width: 100%;
         overflow: scroll;
         scroll-snap-type: x mandatory;
+        gap: 0 32px;
 
         /* Chrome, Safari and Opera */
         &::-webkit-scrollbar {
@@ -176,14 +177,27 @@ const createGridStyles = ({
               max-width: ${p.maxWidth ? p.maxWidth : 'unset'};
               flex-grow: 1 auto;
               flex-shrink: 0;
-              width: calc((100% - (${p.cols - 1} * 16px)) / ${p.cols});
-              flex-basis: calc((100% - (${p.cols - 1} * 16px)) / ${p.cols});
+              width: calc((100% - (${p.cols - 1} * 32px)) / ${p.cols});
+              flex-basis: calc((100% - (${p.cols - 1} * 32px)) / ${p.cols});
               scroll-snap-align: start !important;
+              position: relative;
 
               .post-card {
                 --post-card-size: ${p.size};
                 ${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;
+                }
+              }
             `,
           )}
         }