From 4dd69030251395b47c5e1653122df91c52565b9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E7=A5=A5=E8=B6=85?= <iwind.liu@gmail.com>
Date: Sun, 12 Dec 2021 11:58:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/public/js/components/maps/traffic-map-box.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/public/js/components/maps/traffic-map-box.js b/web/public/js/components/maps/traffic-map-box.js
index 8cb96c34..d4e6588f 100644
--- a/web/public/js/components/maps/traffic-map-box.js
+++ b/web/public/js/components/maps/traffic-map-box.js
@@ -209,7 +209,7 @@ Vue.component("traffic-map-box", {
        <tbody v-if="screenIsNarrow">
 		   <tr>
 				<td colspan="2">
-					<traffic-map-box-table :v-stats="stats" :v-is-attack="isAttack" @select="select"></traffic-map-box-table>
+					<traffic-map-box-table :v-stats="stats" :v-is-attack="isAttack" :v-screen-is-narrow="true" @select="select"></traffic-map-box-table>
 				</td>
 			</tr>
 		</tbody>
@@ -218,7 +218,7 @@ Vue.component("traffic-map-box", {
 })
 
 Vue.component("traffic-map-box-table", {
-	props: ["v-stats", "v-is-attack"],
+	props: ["v-stats", "v-is-attack", "v-screen-is-narrow"],
 	data: function () {
 		return {
 			stats: this.vStats,
@@ -230,7 +230,7 @@ Vue.component("traffic-map-box-table", {
 			this.$emit("select", {countryName: countryName})
 		}
 	},
-	template: `<div style="overflow-y: auto; max-height: 16em" class="narrow-scrollbar">
+	template: `<div style="overflow-y: auto" :style="{'max-height':vScreenIsNarrow ? 'auto' : '16em'}" class="narrow-scrollbar">
 	   <table class="ui table selectable">
 		  <thead>
 			<tr>