From 4ce4029715667700d569cb3f0769beba36041225 Mon Sep 17 00:00:00 2001 From: Dillon Date: Sun, 25 Aug 2019 00:44:21 +0800 Subject: [PATCH] fix: fix css bug --- assets/css/_core/_media.scss | 8 +++++++- assets/css/_partial/_navbar.scss | 3 +-- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/assets/css/_core/_media.scss b/assets/css/_core/_media.scss index 7ef1fd7..824a491 100644 --- a/assets/css/_core/_media.scss +++ b/assets/css/_core/_media.scss @@ -11,6 +11,12 @@ /* iPads (portrait) ----------- */ @media only screen and (max-width: 1080px) { + .navbar { + .navbar-container { + margin: 0 2rem; + } + } + .post-warp { max-width: 80%; @@ -24,7 +30,7 @@ } } -@media only screen and (max-width: 400px) { +@media only screen and (max-width: 480px) { .navbar { display: none; } diff --git a/assets/css/_partial/_navbar.scss b/assets/css/_partial/_navbar.scss index 1a88b2b..ca90d14 100644 --- a/assets/css/_partial/_navbar.scss +++ b/assets/css/_partial/_navbar.scss @@ -13,9 +13,8 @@ .navbar-container { width: auto; - max-width: 1200px; text-align: center; - margin: 0 auto; + margin: 0 6rem; display: flex; justify-content: space-between;