From cba29e6aae637b04ff6eaf28f74bc15b6242b9ea Mon Sep 17 00:00:00 2001 From: Adam Mathes Date: Mon, 16 Feb 2026 19:37:50 -0800 Subject: Remove legacy V2 React frontend and update build/test scripts to focus on Vanilla JS (V3) --- frontend/src/App.css | 136 --------------------------------------------------- 1 file changed, 136 deletions(-) delete mode 100644 frontend/src/App.css (limited to 'frontend/src/App.css') diff --git a/frontend/src/App.css b/frontend/src/App.css deleted file mode 100644 index 0723023..0000000 --- a/frontend/src/App.css +++ /dev/null @@ -1,136 +0,0 @@ -/* Resets and Base Styles */ -* { - box-sizing: border-box; -} - -body { - margin: 0; -} - -/* Dashboard Layout */ -.dashboard { - display: flex; - flex-direction: column; - height: 100vh; - height: 100dvh; - width: 100%; - overflow: hidden; - /* Prevent body scroll */ -} - -/* Header styles removed as we moved to sidebar navigation */ - -.dashboard-content { - display: flex; - flex: 1; - overflow: hidden; - position: relative; - width: 100%; -} - -.dashboard-sidebar { - width: 11rem; - background: transparent; - border-right: 1px solid var(--border-color); - display: flex; - flex-direction: column; - overflow-y: auto; - transition: margin-left 0.4s ease; - /* No padding here, handled in FeedList */ -} - -.dashboard-sidebar.hidden { - margin-left: -11rem; -} - -.dashboard-main { - flex: 1; - min-width: 0; - padding: 2rem; - overflow-y: auto; - overflow-x: hidden; - background: var(--bg-color); - margin-left: 0; -} - -.dashboard-main>* { - max-width: 35em; - margin: 0 auto; -} - -.fixed-toggle { - position: absolute; - top: 1rem; - left: 1rem; - z-index: 1000; - background: var(--bg-color); - /* Added bg to be visible over content if needed */ - background: none; - border: none; - font-size: 2rem; - line-height: 1; - cursor: pointer; - padding: 0.2rem; - color: var(--text-color); - display: flex; - align-items: center; - justify-content: center; -} - -.fixed-toggle:hover { - transform: scale(1.1); -} - -/* Mobile Responsiveness */ -@media (max-width: 768px) { - .dashboard-sidebar { - position: fixed; - top: 0; - left: 0; - bottom: 0; - z-index: 1100; - box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2); - width: 14rem; - /* Slightly wider on mobile for better target area */ - } - - .dashboard-sidebar.hidden { - margin-left: -14rem; - } - - .dashboard-main { - padding: 1rem; - padding-top: 4rem; - /* Space for the toggle button */ - } - - .dashboard-main>* { - max-width: 100%; - } - - /* When sidebar is visible on mobile, we show a backdrop */ - .sidebar-backdrop { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(0, 0, 0, 0.4); - z-index: 1050; - animation: fadeIn 0.3s ease; - } - - .dashboard.sidebar-visible::after { - display: none; - } -} - -@keyframes fadeIn { - from { - opacity: 0; - } - - to { - opacity: 1; - } -} \ No newline at end of file -- cgit v1.2.3