From 86301000af5bfd525ee54a6fb14c278af859a0af Mon Sep 17 00:00:00 2001
From: Ehsan <ehsanahmadi8338@gmail.com>
Date: Thu, 26 Sep 2024 17:50:34 +0330
Subject: [PATCH] add design scroll to list bime

---
 app/globals.css                                | 8 ++++++++
 components/clinic/components/about/ListBime.js | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/globals.css b/app/globals.css
index 6387217..4e7beeb 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -296,6 +296,14 @@ html {
   height: 10px;
 }
 
+.scroll-h-sm {
+  padding-bottom: 10px;
+}
+
+.scroll-h-sm::-webkit-scrollbar {
+  height: 5px !important;
+}
+
 .opacity-page {
   animation: loadPageOpacity;
   animation-duration: 1s;
diff --git a/components/clinic/components/about/ListBime.js b/components/clinic/components/about/ListBime.js
index b092756..528f0b7 100644
--- a/components/clinic/components/about/ListBime.js
+++ b/components/clinic/components/about/ListBime.js
@@ -3,7 +3,7 @@ import Image from "next/image";
 
 function ListBime({ data, loading }) {
   return (
-    <ul className="flex overflow-auto hidden-scroll  mt-[8px] items-center justify-start xl:justify-center gap-[8px] sm:gap-[13px] md:gap-[19px] lg:gap-[24px]">
+    <ul className="flex overflow-auto scroll-h-sm mt-[8px] items-center justify-start xl:justify-center gap-[8px] sm:gap-[13px] md:gap-[19px] lg:gap-[24px]">
       {data.list_bime.map((item, idx) => (
         <CustomLoading width={156} height={110} loading={loading}>
           <li