fix: logo display and nav size

pull/321/head^2
Seaton Jiang 2020-12-17 13:17:59 +08:00
parent 92c9def9d8
commit 86eb1b1290
No known key found for this signature in database
GPG Key ID: C1086BAE716FF138
3 changed files with 35 additions and 18 deletions

View File

@ -157,23 +157,31 @@ button:focus {
background-color: #f7f7f7; background-color: #f7f7f7;
} }
.k-main { .k-main.color {
padding: 23px 0; margin-top: 90px;
} }
.k-main.color { .k-main.banner {
padding-top: 103px; margin-top: 20px;
} }
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
.k-header {
height: 60px;
}
.k-main.color { .k-main.color {
padding-top: 92px; margin-top: 20px;
}
.k-main.banner {
margin-top: 260px;
} }
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.k-main.color { .k-main.banner {
padding-top: 83px; margin-top: 255px;
} }
} }
@ -187,12 +195,14 @@ button:focus {
} }
.k-nav .navbar-brand { .k-nav .navbar-brand {
padding: 0;
color: #ffffff; color: #ffffff;
font-size: 24px; font-size: 24px;
} }
.k-nav .navbar-brand img { .k-nav .navbar-brand img {
width: 168px; max-width: 168px;
max-height: 27px;
} }
.k-nav .navbar-brand h1 { .k-nav .navbar-brand h1 {
@ -306,6 +316,7 @@ button:focus {
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
.k-nav { .k-nav {
height: 70px;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
background: transparent; background: transparent;
-webkit-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;
@ -319,7 +330,7 @@ button:focus {
} }
.k-nav .navbar-brand { .k-nav .navbar-brand {
padding: 6px 0; padding: 3px 0;
color: #fff; color: #fff;
} }
@ -403,7 +414,8 @@ button:focus {
} }
.k-nav .navbar-brand img { .k-nav .navbar-brand img {
width: 130px; max-width: 140px;
max-height: 20px;
} }
.navbar-light .navbar-nav .nav-link { .navbar-light .navbar-nav .nav-link {
@ -2226,6 +2238,7 @@ button:focus {
--------------------------------------------------------------*/ --------------------------------------------------------------*/
.k-footer { .k-footer {
margin-top: 20px;
padding: 40px 0; padding: 40px 0;
background: #23282d; background: #23282d;
} }

File diff suppressed because one or more lines are too long

View File

@ -48,17 +48,21 @@ function theme_autoload()
wp_enqueue_style('kratos', ASSET_PATH . '/assets/css/kratos.min.css', array(), THEME_VERSION); wp_enqueue_style('kratos', ASSET_PATH . '/assets/css/kratos.min.css', array(), THEME_VERSION);
if (kratos_option('g_adminbar', true)) { if (kratos_option('g_adminbar', true)) {
$admin_bar_css = " $admin_bar_css = "
@media screen and (max-width: 782px) {
.k-nav{
padding-top: 54px;
}
}
@media screen and (min-width: 782px) { @media screen and (min-width: 782px) {
.k-nav{ .k-nav {
padding-top: 40px; padding-top: 40px;
} }
} }
"; @media screen and (max-width: 782px) {
.k-nav {
padding-top: 54px;
}
}
@media screen and (min-width: 992px) {
.k-nav {
height: 102px;
}
}";
if (current_user_can('level_10')) { if (current_user_can('level_10')) {
wp_add_inline_style('kratos', $admin_bar_css); wp_add_inline_style('kratos', $admin_bar_css);
} }