From 6f7513c6ff2f1d21b9167718bac65ad1fe2fde75 Mon Sep 17 00:00:00 2001
From: Seaton Jiang <seatonjiang@vtrois.com>
Date: Fri, 20 Aug 2021 15:02:16 +0800
Subject: [PATCH] refactor: optimized header config

---
 404.php    |  6 +++++-
 header.php |  4 ++--
 index.php  |  7 +++++--
 page.php   |  6 +++++-
 single.php |  6 +++++-
 style.css  | 19 +++++++++++++------
 6 files changed, 35 insertions(+), 13 deletions(-)
diff --git a/404.php b/404.php
index 9dd1fd4..9ed9bc2 100644
--- a/404.php
+++ b/404.php
@@ -8,7 +8,11 @@
  */
 
 get_header(); ?>
-<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:#ffffff">
+<div class="k-main<?php if (kratos_option('top_img_switch', true)) {
+                        echo ' banner';
+                    } else {
+                        echo ' color';
+                    }  ?>" style="background:#ffffff">
     <div class="container">
         <div class="row">
             <div class="col-12 page404">
diff --git a/header.php b/header.php
index faed6c5..60ae8f6 100644
--- a/header.php
+++ b/header.php
@@ -29,7 +29,7 @@
 
 <body>
     <div class="k-header">
-        <nav class="k-nav navbar navbar-expand-lg navbar-light fixed-top" <?php if (kratos_option('top_select', 'banner') !== 'banner') {
+        <nav class="k-nav navbar navbar-expand-lg navbar-light fixed-top" <?php if (kratos_option('top_img_switch', true) == false) {
                                                                                 echo 'style="background:' . kratos_option('top_color', '#24292e') . '"';
                                                                             } ?>>
             <div class="container">
@@ -63,7 +63,7 @@
                 ?>
             </div>
         </nav>
-        <?php if (kratos_option('top_select', 'banner') == 'banner') { ?>
+        <?php if (kratos_option('top_img_switch', true)) { ?>
             <div class="banner">
                 <div class="overlay"></div>
                 <div class="content text-center" style="background-image: url(<?php
diff --git a/index.php b/index.php
index 81ca548..2cce82f 100644
--- a/index.php
+++ b/index.php
@@ -6,9 +6,12 @@
  * @license GPL-3.0 License
  * @version 2021.08.20
  */
-
 get_header(); ?>
-<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
+<div class="k-main<?php if (kratos_option('top_img_switch', true)) {
+                        echo ' banner';
+                    } else {
+                        echo ' color';
+                    }  ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
     <div class="container">
         <div class="row">
             <div class="col-lg-8 board">
diff --git a/page.php b/page.php
index 508ea1e..b59970e 100644
--- a/page.php
+++ b/page.php
@@ -8,7 +8,11 @@
  */
 
 get_header(); ?>
-<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
+<div class="k-main<?php if (kratos_option('top_img_switch', true)) {
+                        echo ' banner';
+                    } else {
+                        echo ' color';
+                    }  ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
     <div class="container">
         <div class="row">
             <div class="col-lg-8 details">
diff --git a/single.php b/single.php
index a651d33..1c13b92 100644
--- a/single.php
+++ b/single.php
@@ -14,7 +14,11 @@ $col_array = array(
 );
 $select_col = $col_array[kratos_option('g_article_widgets', 'two_side')];
 ?>
-<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
+<div class="k-main<?php if (kratos_option('top_img_switch', true)) {
+                        echo ' banner';
+                    } else {
+                        echo ' color';
+                    } ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
     <div class="container">
         <div class="row">
             <div class="<?php echo $select_col ?> details">
diff --git a/style.css b/style.css
index 50ac5a5..d16ec3b 100644
--- a/style.css
+++ b/style.css
@@ -169,20 +169,20 @@ button:focus {
 }
 
 .k-main.color {
-    margin-top: 90px;
+    padding: 90px 0 20px;
 }
 
 .k-main.banner {
-    padding-top: 20px;
+    padding: 20px 0;
 }
 
 @media only screen and (max-width: 992px) {
     .k-header {
-        height: 60px;
+        height: 59px;
     }
 
     .k-main.color {
-        margin-top: 20px;
+        padding-top: 20px;
     }
 
     .k-main.banner {
@@ -191,6 +191,10 @@ button:focus {
 }
 
 @media only screen and (max-width: 768px) {
+    .k-header {
+        height: 50px;
+    }
+
     .k-main.banner {
         padding-top: 255px;
     }
@@ -545,12 +549,16 @@ button:focus {
 }
 
 .k-main .board .paginations {
-    margin: 23px auto;
+    margin: 10px auto;
     width: 100%;
     text-align: center;
     font-size: 14px;
 }
 
+.k-main.color .board .paginations {
+    margin: 23px auto;
+}
+
 .k-main .board .paginations a {
     margin-top: 5px;
     padding: 5px 12px;
@@ -2363,7 +2371,6 @@ ol {
 --------------------------------------------------------------*/
 
 .k-footer {
-    margin-top: 20px;
     padding: 40px 0;
     background: #23282d;
 }
