aboutsummaryrefslogtreecommitdiffstats
path: root/frontend/src/App.css
diff options
context:
space:
mode:
authorAdam Mathes <adam@adammathes.com>2026-02-16 19:37:50 -0800
committerAdam Mathes <adam@adammathes.com>2026-02-16 19:40:10 -0800
commitcba29e6aae637b04ff6eaf28f74bc15b6242b9ea (patch)
tree226753a3fcd18a6d45089dafcb1ee72557140aa8 /frontend/src/App.css
parentcb6d0c9e330c27ff85ff065c2ea6dd1a756cbf6d (diff)
downloadneko-cba29e6aae637b04ff6eaf28f74bc15b6242b9ea.tar.gz
neko-cba29e6aae637b04ff6eaf28f74bc15b6242b9ea.tar.bz2
neko-cba29e6aae637b04ff6eaf28f74bc15b6242b9ea.zip
Remove legacy V2 React frontend and update build/test scripts to focus on Vanilla JS (V3)
Diffstat (limited to 'frontend/src/App.css')
-rw-r--r--frontend/src/App.css136
1 files changed, 0 insertions, 136 deletions
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