From 362462948f9b3f2b9484651911d800c848cb4d2b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=ED=82=A4=EC=9C=84?= Date: Wed, 4 Jul 2018 14:38:17 +0900 Subject: [PATCH] Notch display (#355) * Notch display * Notch display * Update main.css mistake --- _includes/head.html | 2 +- css/main.css | 7 +++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/_includes/head.html b/_includes/head.html index 1142dfa..f67974f 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -1,7 +1,7 @@ - + {% if page.use-site-title %}{{ site.title }} {{ site.title-separator }} {{ site.description }}{% elsif page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} diff --git a/css/main.css b/css/main.css index 33da1bd..d37ed08 100644 --- a/css/main.css +++ b/css/main.css @@ -52,6 +52,8 @@ hr.small { } @media only screen and (min-width: 768px) { .main-content { + padding-left: env(safe-area-inset-left); + padding-right: env(safe-area-inset-right); padding-top: 130px; } } @@ -209,6 +211,11 @@ img { } } +.container-fluid { + padding-left: max(15px, env(safe-area-inset-left)); + padding-right: max(15px, env(safe-area-inset-right)); +} + /* Multi-level navigation links */ .navbar-custom .nav .navlinks-container { position: relative;