修复demo页的部分bug

@@ -176,6 +176,29 @@
         opacity: 1 !important;
         opacity: 1 !important;
     }
     }
 
 
+    /* NEW: Fullscreen media when sidebar is collapsed */
+    #sidebar.collapsed ~ #main-content #media {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 100vh;
+        max-width: none;
+        max-height: none;
+        aspect-ratio: unset;
+        z-index: 1000; /* Ensure it's above other elements like the toggle button */
+        margin: 0; /* Reset margin */
+        padding: 0; /* Reset padding */
+        border-radius: 0; /* Remove any border-radius */
+    }
+
+    /* Optional: Adjust main content padding when sidebar is collapsed */
+    #sidebar.collapsed ~ #main-content {
+       padding: 0; /* Remove padding as #media takes full screen */
+       background-color: #000; /* Match media background */
+    }
+
+
     .option {
     .option {
         display: flex;
         display: flex;
         align-items: center;
         align-items: center;