From c6c7503f3289870f32fe7c234f510810bb45ae8b Mon Sep 17 00:00:00 2001
From: SkyBird233 <52884766+SkyBird233@users.noreply.github.com>
Date: Thu, 25 Jul 2024 14:02:52 +0800
Subject: [PATCH] fix: resolve overflow issue on mobile devices for monitor and
 web logs pages

---
 frontend/src/pages/monitor/[hostname].vue | 2 +-
 frontend/src/pages/web-logs/[name].vue    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/monitor/[hostname].vue b/frontend/src/pages/monitor/[hostname].vue
index 608d211..edfe083 100644
--- 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
index a7e4268..c9ec729 100644
--- 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>