From dbd3e8b7438914113f84cbe531019dbe31c7019e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Tue, 27 Apr 2021 08:31:23 +0800
Subject: [PATCH] =?UTF-8?q?style:=E8=B0=83=E6=95=B4Logo=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E7=9A=84=E5=93=8D=E5=BA=94=E5=BC=8F=E5=8F=98=E5=8C=96=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 themes/grid/layout/partial/header.ejs |  6 +++---
 themes/grid/source/css/narrow.less    | 11 +++++++++++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/themes/grid/layout/partial/header.ejs b/themes/grid/layout/partial/header.ejs
index 18ebaaf..fcff700 100644
--- a/themes/grid/layout/partial/header.ejs
+++ b/themes/grid/layout/partial/header.ejs
@@ -1,7 +1,7 @@
 <nav class="uk-navbar-container uk-box-shadow-medium" uk-navbar uk-sticky>
-    <div class="uk-navbar-left">
-        <a class="uk-navbar-item uk-logo" href="/index.html"><%= config.title %></a>
-        <span class="uk-navbar-item">用碎片化的时间收集碎片化的知识</span>
+    <div class="uk-navbar-left flex row-a ry-baseline-a rx-start-a cy-center-a w-wrap-a">
+        <a class="uk-navbar-item uk-logo compact-logo-n" href="/index.html"><%= config.title %></a>
+        <span class="uk-navbar-item compact-slogon-n">用碎片化的时间收集碎片化的知识</span>
     </div>
     <div class="uk-navbar-right">
         <a href="#" class="uk-navbar-toggle hiw" uk-navbar-toggle-icon uk-toggle="target: #off-menu"></a>
diff --git a/themes/grid/source/css/narrow.less b/themes/grid/source/css/narrow.less
index e25f759..67cb2ab 100644
--- a/themes/grid/source/css/narrow.less
+++ b/themes/grid/source/css/narrow.less
@@ -16,4 +16,15 @@
 }
 .tags-toc-list .tags-toc-list-item {
     width: 90%;
+}
+
+@media screen and (max-width: 420px) {
+    .compact-logo-n {
+        min-height: 28px;
+        font-size: 1.2rem;
+    }
+    .compact-slogon-n {
+        min-height: 24px;
+        font-size: 0.5rem;
+    }
 }
\ No newline at end of file