Notch display (#355)

* Notch display

* Notch display

* Update main.css

mistake
This commit is contained in:
키위 2018-07-04 14:38:17 +09:00 committed by Dean Attali
parent 364604551d
commit 362462948f
2 changed files with 8 additions and 1 deletions

View File

@ -1,7 +1,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
<title>{% if page.use-site-title %}{{ site.title }} {{ site.title-separator }} {{ site.description }}{% elsif page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title> <title>{% if page.use-site-title %}{{ site.title }} {{ site.title-separator }} {{ site.description }}{% elsif page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>

View File

@ -52,6 +52,8 @@ hr.small {
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.main-content { .main-content {
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
padding-top: 130px; 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 */ /* Multi-level navigation links */
.navbar-custom .nav .navlinks-container { .navbar-custom .nav .navlinks-container {
position: relative; position: relative;