feat: change scrollbar

src/components/Nvim/index.tsx

@@ -43,10 +43,12 @@ const InnerNvimTree = (props: InnerKittyProps<typeof Nvim>) => {
         <NvimTree {...props} onOpen={handleOpenChild} />
       </div>
       <div
+        className="scrollbar overflow-y-scroll"
         style={{
           gridArea: "1 / 2 / 1 / 3",
           overflowY: "auto",
           wordWrap: "break-word",
+          scrollSnapType: "inline",
         }}
       >
         <NvimEditor content={activeChild?.content} />

src/index.scss

@@ -38,3 +38,25 @@ body {
 .drop-shadow-white:hover {
   filter: drop-shadow(0px 0px 4px rgba(255, 255, 255, 1));
 }
+
+@layer utilities {
+  .scrollbar::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  .scrollbar::-webkit-scrollbar-thumb {
+    background-color: #f7ddd9;
+    border-radius: 4px;
+  }
+
+  .scrollbar::-webkit-scrollbar-track {
+    background-color: transparent;
+    border-radius: 4px;
+  }
+
+  .scrollbar {
+    scrollbar-width: thin;
+    scrollbar-color: #f7ddd9 transparent;
+  }
+}