Testing

AnshumanPM · Sep 15, 2024 · b2f45e0 · b2f45e0
1 parent 51940d5
commit b2f45e0
Showing 1 changed file with 33 additions and 31 deletions.
diff --git a/templates/stream.html b/templates/stream.html
@@ -39,48 +39,50 @@
         </div>
       </nav>
     </header>
-    <main class="flex-grow flex items-center justify-center">
+    <main class="flex-grow flex justify-center">
       <div class="bg-slate-50 dark:bg-gray-800 w-full max-w-md rounded-xl m-2 shadow">
         <div class="mx-auto p-2">
           <video id="player" class="video-js w-full">
             <source type="video/mp4">
             <source type="video/webm">
           </video>
           <div class="mt-6 space-y-4">
-            <button id="dlButton" class="w-full bg-blue-500 text-white py-2 px-4 rounded flex items-center justify-center space-x-2">
+            <button id="dlButton" class="btn btn-primary w-full py-2 px-4 rounded flex items-center justify-center space-x-2">
               <i class="fa fa-cloud-arrow-down"></i>
               <span>Download</span>
               <i class="fa fa-cloud-arrow-down"></i>
             </button>
-            <div class="dropdown w-full">
-              <label tabindex="0" id="dropbtn" class="w-full bg-blue-500 text-white py-2 px-4 rounded flex items-center justify-center space-x-2 cursor-pointer">
-                <i class="fa fa-circle-play"></i>
-                <span>Stream</span>
-                <i class="fa fa-circle-play"></i>
-              </label>
-              <ul id="dropmenu" tabindex="0" class="dropdown-content menu p-2 shadow bg-base-100 rounded-box w-full">
-                <li id="mxButton" class="dropdown-item">
-                  <a>MX Player</a>
-                </li>
-                <li id="vlcButton" class="dropdown-item">
-                  <a>VLC Mobile</a>
-                </li>
-                <li id="playitButton" class="dropdown-item">
-                  <a>PlayIt</a>
-                </li>
-                <li id="splayButton" class="dropdown-item">
-                  <a>SPlayer</a>
-                </li>
-                <li id="jplayButton" class="dropdown-item">
-                  <a>JPlayer</a>
-                </li>
-                <li id="kmplayButton" class="dropdown-item">
-                  <a>KMPlayer</a>
-                </li>
-                <li id="hdplayButton" class="dropdown-item">
-                  <a>HDPlayer</a>
-                </li>
-              </ul>
+            <div class="w-full">
+  <details class="dropdown w-full">
+    <summary class="btn btn-primary w-full py-2 px-4 rounded flex items-center justify-center space-x-2 cursor-pointer">
+      <i class="fa fa-circle-play"></i>
+      <span>Stream</span>
+      <i class="fa fa-circle-play"></i>
+    </summary>
+    <ul class="p-2 shadow bg-base-100 rounded-box w-full">
+      <li id="mxButton" class="dropdown-item">
+        <a>MX Player</a>
+      </li>
+      <li id="vlcButton" class="dropdown-item">
+        <a>VLC Mobile</a>
+      </li>
+      <li id="playitButton" class="dropdown-item">
+        <a>PlayIt</a>
+      </li>
+      <li id="splayButton" class="dropdown-item">
+        <a>SPlayer</a>
+      </li>
+      <li id="jplayButton" class="dropdown-item">
+        <a>JPlayer</a>
+      </li>
+      <li id="kmplayButton" class="dropdown-item">
+        <a>KMPlayer</a>
+      </li>
+      <li id="hdplayButton" class="dropdown-item">
+        <a>HDPlayer</a>
+      </li>
+    </ul>
+  </details>
             </div>
           </div>
         </div>