fix: add appropriate spacing in contribution section within projects

georgeeburt · Jan 11, 2025 · dcd0908 · dcd0908
1 parent 9e12753
commit dcd0908
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/components/sections/projects/projects-content.tsx b/src/components/sections/projects/projects-content.tsx
@@ -21,7 +21,10 @@ export default function ProjectsContent() {
         ))}
       </div>
       <Separator />
-      <div data-testid="contributions">
+      <div
+        className="flex flex-col gap-8"
+        data-testid="contributions"
+      >
         <h2 className="text-[1.5rem] font-semibold underline decoration-primary underline-offset-8 md:text-left md:text-[1.75rem]">
           Contributions
         </h2>

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -38,4 +38,21 @@ html {
 ::selection {
   background-color: hsla(140, 100%, 74.1%, 0.85);
   color: black;
+}
+
+:-webkit-scrollbar {
+  width: 8px;  /* Change height of the scrollbar */
+}
+
+::-webkit-scrollbar-track {
+  background-color: #79F8A3;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: #79F8A3;  /* Thumb (scroll handle) color */
+  border-radius: 4px;  /* Round edges */
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: #79F8A3;  /* Darker on hover */
 }