From bb9a2c83e61c788c4c90d8b017882c19bd47e05e Mon Sep 17 00:00:00 2001 From: supertiger1234 Date: Thu, 20 Feb 2020 13:36:36 +0000 Subject: [PATCH] fixed overflow issues --- src/components/app/Tabs/Explore.vue | 4 ++++ src/components/app/Tabs/ServerAndDMTab.vue | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/src/components/app/Tabs/Explore.vue b/src/components/app/Tabs/Explore.vue index d913926..a007fba 100644 --- a/src/components/app/Tabs/Explore.vue +++ b/src/components/app/Tabs/Explore.vue @@ -161,6 +161,7 @@ export default { display: flex; flex-direction: column; width: 340px; + height: 100%; max-width: calc(100% - 60px); flex-shrink: 0; z-index: 2; @@ -170,6 +171,8 @@ export default { flex-direction: row; flex-shrink: 0; z-index: 2; + flex: 1; + overflow: hidden; } .content { @@ -381,6 +384,7 @@ export default { .left-panel { position: absolute; bottom: 0; + top: 0; z-index: 2222; background: linear-gradient(to bottom, #00477e 0, #016dc0); height: 100%; diff --git a/src/components/app/Tabs/ServerAndDMTab.vue b/src/components/app/Tabs/ServerAndDMTab.vue index d133bf6..1a546d3 100644 --- a/src/components/app/Tabs/ServerAndDMTab.vue +++ b/src/components/app/Tabs/ServerAndDMTab.vue @@ -119,6 +119,7 @@ export default { display: flex; flex-direction: column; z-index: 1; + overflow: hidden; } .inner { z-index: 2; @@ -129,6 +130,8 @@ export default { display: flex; flex-direction: row; z-index: 1; + flex: 1; + overflow: hidden; } .wrapper { display: flex; @@ -175,6 +178,7 @@ export default { .left-panel { position: absolute; bottom: 0; + top: 0; z-index: 2; background: linear-gradient(to bottom, #00477e 0, #016dc0); }