chapters scroll

ByAnthony · May 17, 2024 · 89e5912 · 89e5912
1 parent 6709042
commit 89e5912
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/client/src/components/HomePage/HistoryChapters/HistoryChapter.tsx b/client/src/components/HomePage/HistoryChapters/HistoryChapter.tsx
@@ -12,14 +12,14 @@ export function HistoryChapters({ articles }: Props) {
 
   const scrollLeft = () => {
     if (containerRef.current) {
-      const scrollAmount = containerRef.current.clientWidth / 3;
+      const scrollAmount = 301;
       containerRef.current.scrollLeft -= scrollAmount;
     }
   };
 
   const scrollRight = () => {
     if (containerRef.current) {
-      const scrollAmount = containerRef.current.clientWidth / 3;
+      const scrollAmount = 301;
       containerRef.current.scrollLeft += scrollAmount;
     }
   };

diff --git a/client/src/components/HomePage/HomePage.module.scss b/client/src/components/HomePage/HomePage.module.scss
@@ -10,7 +10,7 @@
 }
 
 .intro {
-  height: 90vh;
+  height: 85vh;
   display: flex;
   flex-direction: row;
   align-items: flex-end;

diff --git a/client/src/components/Menu/Menu.module.scss b/client/src/components/Menu/Menu.module.scss
@@ -2,9 +2,7 @@
 
 .menu {
   transition: opacity 0.5s ease;
-  position: -webkit-sticky;
-  position: sticky;
-  top: index.$s-margin;
+  padding-top: index.$base-margin;
   display: flex;
   z-index: 1;
   justify-content: center;