client: Decrease font size in LogsBox

Magpie-Monitor · Dec 3, 2024 · 0fe417c · 0fe417c
1 parent ac926f9
commit 0fe417c
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 10 deletions.
diff --git a/client/src/components/StatisticsDisplay/StatisticsDisplay.scss b/client/src/components/StatisticsDisplay/StatisticsDisplay.scss
@@ -13,6 +13,7 @@
     @media (max-width: $lg) {
       display: flex;
       flex-direction: column;
+      row-gap: 30px;
     }
   }
 
@@ -24,15 +25,18 @@
     row-gap: 10px;
     justify-content: center;
     align-items: center;
+    width: 100%;
   }
 
   &__chart {
     position: relative;
-    margin-top: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     color: $navbar-text-color;
-    height: 500px;
+
+    @media (max-width: $lg) {
+      height: 300px !important;
+    }
   }
 }
diff --git a/client/src/pages/Home/components/Subsection/Subsection.scss b/client/src/pages/Home/components/Subsection/Subsection.scss
@@ -1,5 +1 @@
-/* .report-details { */
-/*   &__subsection { */
-/*     margin-top: 0.5rem; */
-/*   } */
-/* } */
+
diff --git a/client/src/pages/Incident/components/LogsContainer/LogsContainer.scss b/client/src/pages/Incident/components/LogsContainer/LogsContainer.scss
@@ -13,7 +13,7 @@
   overflow-y: auto;
   color: $navbar-text-color;
   white-space: pre-wrap;
-  font-size: 1.2rem;
+  font-size: 1rem;
   cursor: pointer;
   transition: all 1s;
 

diff --git a/client/src/pages/Incident/components/LogsContainer/LogsContainer.tsx b/client/src/pages/Incident/components/LogsContainer/LogsContainer.tsx
@@ -14,7 +14,7 @@ const LogsBox = ({ logs }: LogsBoxParams) => {
         className={isLogBoxExpanded ? 'logs-box--expanded' : 'logs-box'}
         onClick={() => setIsLogBoxExpanded((prev) => !prev)}
       >
-        {logs}
+        {logs.trim()}
       </div>
     </>
   );

diff --git a/client/src/providers/AuthProvider/ProtectedLayout.scss b/client/src/providers/AuthProvider/ProtectedLayout.scss
@@ -3,7 +3,6 @@
 .protected-layout {
   display: flex;
   flex-direction: row;
-  /* height: 100svh; */
   width: 100vw;
   flex-direction: row;
   padding: 0rem;
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,7 +14,7 @@ const LogsBox = ({ logs }: LogsBoxParams) => { @@
             className={isLogBoxExpanded ? 'logs-box--expanded' : 'logs-box'}
             onClick={() => setIsLogBoxExpanded((prev) => !prev)}
           >
-            {logs}
+            {logs.trim()}
           </div>
         </>
       );
@@ Expand Down @@