From eb76f7c19485e6a69fbda46fca59e29c25f29f28 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 13 Jan 2019 23:44:35 +0800
Subject: style(logs): optimize logs placeholder container style

---
 src/components/Logs.js          | 5 ++++-
 src/components/Logs.module.scss | 1 -
 2 files changed, 4 insertions(+), 2 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Logs.js b/src/components/Logs.js
index 43f64a9..c781866 100644
--- a/src/components/Logs.js
+++ b/src/components/Logs.js
@@ -74,7 +74,10 @@ export default function Logs() {
       <ContentHeader title="Logs" />
       <div ref={refLogsContainer} style={{ paddingBottom }}>
         {logs.length === 0 ? (
-          <div className={s0.logPlaceholder}>
+          <div
+            className={s0.logPlaceholder}
+            style={{ height: containerHeight - paddingBottom }}
+          >
             <div className={s0.logPlaceholderIcon}>
               <Icon id={yacd.id} width={200} height={200} />
             </div>
diff --git a/src/components/Logs.module.scss b/src/components/Logs.module.scss
index 4351bcb..7b32633 100644
--- a/src/components/Logs.module.scss
+++ b/src/components/Logs.module.scss
@@ -62,7 +62,6 @@ $heightHeader: 76px;
 /////////
 
 .logPlaceholder {
-  height: calc(100vh - #{$heightHeader});
   display: flex;
   flex-direction: column;
   align-items: center;
-- 
cgit v1.3.1