fix: resolve overflow issue on mobile devices for monitor and web log…

…s pages
AOSC-Dev · Jul 25, 2024 · c6c7503 · c6c7503
1 parent 7ef76b0
commit c6c7503
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/frontend/src/pages/monitor/[hostname].vue b/frontend/src/pages/monitor/[hostname].vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container style="height: 100%; font-family: monospace; background-color: black; color: white;">
+  <v-container class="overflow-auto" style="height: 100%; font-family: monospace; background-color: black; color: white; white-space: nowarp;">
     <div v-for="line in lines" v-html="line"></div>
   </v-container>
 </template>

diff --git a/frontend/src/pages/web-logs/[name].vue b/frontend/src/pages/web-logs/[name].vue
@@ -1,5 +1,5 @@
 <template>
-  <v-container style="height: 100%;font-family: monospace;">
+  <v-container class="overflow-auto" style="height: 100%;font-family: monospace; white-space: nowarp;">
     <v-row v-if="loading">
       <v-spacer></v-spacer>
       <v-progress-circular indeterminate></v-progress-circular>