update

src/App.scss

@@ -146,3 +146,28 @@ iframe {
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
+
+.scrollYDesign::-webkit-scrollbar {
+  position: absolute;
+  left: 1px;
+  bottom: 0;
+  z-index: 2;
+  width: 4px;
+  /* width: 5px !important; */
+}
+
+.scrollYDesign::-webkit-scrollbar-button {
+  display: none;
+  appearance: none;
+}
+
+.scrollYDesign::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background-color: #12cf7f;
+}
+
+.scrollYDesign::-webkit-scrollbar-track {
+  background-color: transparent !important;
+  display: none;
+  appearance: none;
+}

src/views/Products/layouts/Desktop/Sidebar.js

@@ -60,7 +60,7 @@ export const Sidebar = ({
           />
         </div>
         <ul
-          className={`list-none p-0 mt-2 mb-0 mx-0 flex overflow-x-hidden flex-col transition-all`}
+          className={`list-none p-0 mt-2 mb-0 mx-0 flex overflow-x-hidden flex-col transition-all scrollYDesign`}
           style={{
             maxHeight: !toggleList[name] ? 0 : "calc(100vh / 2.2)",
             overflowY: !toggleList[name] ? "hidden" : "scroll",

src/views/Video/index.js

@@ -62,6 +62,7 @@ function Video({
           <img
             src={`https://dnvn.ir/api/v1/file/${book?.fileIds}`}
             className="rounded-sm w-5/12 object-contain"
+            alt=""
           />
           <div className="flex flex-col py-1 pr-3">
             <strong className="text-blue5F leading-7 text-lg dark:text-white font-black">

src/views/Videos/components/VerticalGradeFilter.js

@@ -13,7 +13,7 @@ const VerticalGradeFilter = ({ grades }) => {
     );
   };
   return (
-    <div className="w-full flex flex-col mt-3">
+    <div className="w-full flex flex-col mt-3 ">
       <Header title={window.t("پایه تحصیلی")} link="videos/video" />
       <div className="flex flex-row w-full overflow-x-scroll pb-3">
         {Object.keys(grades).map((grade, index) => (