All files / src App.css

- -
- 0% - Statements - 0/0 -
- - -
- 0% - Branches - 0/0 -
- - -
- 0% - Functions - 0/0 -
- - -
- 0% - Lines - 0/0 -
- - -
- Press n or j to go to the next uncovered block, b, p or k for the previous block. -
- -

-1
-2
-3
-4
-5
-6
-7
-8
-9
-10
-11
-12
-13
-14
-15
-16
-17
-18
-19
-20
-21
-22
-23
-24
-25
-26
-27
-28
-29
-30
-31
-32
-33
-34
-35
-36
-37
-38
-39
-40
-41
-42
-43
-44
-45
-46
-47
-48
-49
-50
-51
-52
-53
-54
-55
-56
-57
-58
-59
-60
-61
-62
-63
-64
-65
-66
-67
-68
-69
-70
-71
-72
-73
-74
-75
-76
-77
-78
-79
-80
-81
-82
-83
-84
-85
-86
-87
-88
-89
-90
-91
-92
-93
-94
-95
-96
-97
-98
-99
-100
-101
-102
-103
-104
-105
-106
-107
-108
-109
-110
-111
-112
-113
-114
-115
-116
-117
-118
-119
-120
-121
-122
-123
-124
-125
-126
-127
-128
-129
-130
-131
-132  
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
- 
-  /* Resets and Base Styles */
-* {
-  box-sizing: border-box;
-}
- 
-body {
-  margin: 0;
-}
- 
-/* Dashboard Layout */
-.dashboard {
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  overflow: hidden;
-  /* Prevent body scroll */
-}
- 
-/* Header styles removed as we moved to sidebar navigation */
- 
-.dashboard-content {
-  display: flex;
-  flex: 1;
-  overflow: hidden;
-  position: relative;
-}
- 
-.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;
-  padding: 2rem;
-  overflow-y: auto;
-  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 */
-  border: none;
-  font-size: 2rem;
-  line-height: 1;
-  cursor: pointer;
-  padding: 0.2rem;
-  color: var(--text-color);
-  border-radius: 50%;
-  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
-  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;
-  }
-}
- -