reza fixed one bug

src/views/Home/Page2/index.js

@@ -25,7 +25,9 @@ export default function Page2({ list, page }) {
       )
     );
     setVideoPosition(
-      scroll.doubleLinearFormula(window.scrollY)
+      window.scrollY > 3 * height
+        ? scroll.doubleLinearFormula(window.scrollY)
+        : null
     );
     if (window.scrollY < 2.5 * height) {
       setBoxPosition({
@@ -144,14 +146,13 @@ export default function Page2({ list, page }) {
   };
 
   const videoPositionHandler = (scrollY) => {
-    if(scrollY <= 3 * height){
+    if (scrollY <= 3 * height) {
       setVideoPosition(() => null);
-    }else if(scrollY > 3 * height && scrollY < 4 * height){
+    } else if (scrollY > 3 * height && scrollY < 4 * height) {
       setVideoPosition(scroll.doubleLinearFormula(scrollY));
-    }else{
-
-    }
+    } else {
     }
+  };
   return (
     <div
       className={_.join(
@@ -190,7 +191,7 @@ export default function Page2({ list, page }) {
           style={{
             height: (window.innerHeight * 9) / 25,
             width: (window.innerHeight * 10) / 20 - 16,
-            bottom: (window.innerHeight * 9) / 30
+            bottom: (window.innerHeight * 9) / 30,
           }}
         ></div>
       </div>

src/views/Home/VideoTube/LessonPlayList/index.js

@@ -35,7 +35,7 @@ function LessonPlayList({
   return (
     <>
       {
-        <div className={_.join(["w-full mb-2.5 flex flex-col"], " ")}>
+        <div className={_.join(["w-full mb-2.5 flex flex-col border"], " ")}>
           {bookId && (
             <header className="mb-1">
               <h3 className="py-1 px-2.5 m-0">

src/views/Home/VideoTube/index.js

@@ -53,7 +53,7 @@ function VodTube({
     <div
       className={_.join(
         [
-          "fixed flex flex-row rtl pt-20 lg:px-5 xl:px-10 w-full bg-white transition-opacity duration-500",
+          "fixed flex flex-row rtl pt-20 lg:px-5 xl:px-10 w-full bg-white dark:bg-black bg-opacity-80 transition-opacity duration-500 min-h-screen backdrop-filter backdrop-blur-md",
           top > 0 ? "opacity-0" : "opacity-100",
         ],
         " "
@@ -104,6 +104,7 @@ function VodTube({
             ref={videoListTag}
             className="pt-2.5 overflow-y-scroll flex flex-col"
             id="list"
+            style={{ minHeight: window.innerHeight / 1.5, maxHeight: window.innerHeight / 1.5}}
           >
             {localStorage.getItem("bookId")
               ? categories?.map((video, i) => (
@@ -143,7 +144,7 @@ function VodTube({
           </section>
         )}
 
-        <section className="mobile video-tube__content--comments flex-col">
+        {/* <section className="mobile video-tube__content--comments flex-col">
           <header className="flex justify-between align-items-center">
             <h2>نظرات</h2>
             <button>بستن نظرات</button>
@@ -153,7 +154,7 @@ function VodTube({
               <Comment comment={comment} key={i} />
             ))}
           </div>
-        </section>
+        </section> */}
       </div>
       {/* <section className="mobile video-tube__content--addComment">
             <AddComment />

src/views/Home/index.js

@@ -14,7 +14,7 @@ export default function Home() {
       className="flex flex-col bg-white relative w-full rtl"
       style={{ height: "700vh"}}
     >
-      <Dots page={1} />
+      {/* <Dots page={1} /> */}
       <Navbar />
       <Page1 page={1} />
       <Page2 page={2} />