Redesign movie and show search pages with new UI

Major UI/UX overhaul for SearchMovies.razor and SearchShows.razor, including new navigation toggles, animated search forms, improved results display, and enhanced styling. Moved layout and header styles from MainLayout.razor to CSS, unified button styles on Home.razor, and added interactive elements and animations for a more engaging user experience.
2025-08-25 20:26:37 -04:00
parent 5c062a4d79
commit 1dbcc39bc7
5 changed files with 1250 additions and 290 deletions
@@ -28,42 +28,4 @@
        height: 100vh;
        overflow: hidden;
    }
-
-    .sidebar {
-        width: 250px;
-        background: #ffffff;
-        border-right: 1px solid rgba(0, 0, 0, 0.06);
-        position: relative;
-        z-index: 100;
-    }
-
-    .main-content {
-        flex: 1;
-        display: flex;
-        flex-direction: column;
-        min-height: 0;
-        width: 100%;
-    }
-
-    .top-row {
-        background: rgba(255, 255, 255, 0.95);
-        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
-        display: flex;
-        justify-content: flex-end;
-        align-items: center;
-        height: 3.5rem;
-        padding: 0 24px;
-    }
-
-        .top-row a {
-            color: #6c757d;
-            text-decoration: none;
-            font-weight: 500;
-            font-size: 14px;
-            transition: color 0.2s ease;
-        }
-
-            .top-row a:hover {
-                color: #667eea;
-            }
 </style>