style:fixed some style issues

bigfa · Jan 6, 2025 · f904075 · f904075
1 parent 29f1ced
commit f904075
Show file tree

Hide file tree

Showing 17 changed files with 113 additions and 123 deletions.
diff --git a/README.md b/README.md
@@ -4,10 +4,14 @@
 
 Hera is a simple single column wordpress theme with perfect performace and elegance design.
 
-latest version : `0.1.3`
+latest version : `0.1.4`
 
 ## Changelog
 
+### 0.1.4
+
+- fixed some style issues
+
 ### 0.1.3
 
 - fixed some style issues

diff --git a/README_CN.md b/README_CN.md
@@ -4,10 +4,14 @@
 
 本主题禁止各种修改作者链接打包重新发布的行为。
 
-最新版本 : `0.1.3`
+最新版本 : `0.1.4`
 
 ## 更新日志
 
+### 0.1.4
+
+- 修复一些样式错误
+
 ### 0.1.3
 
 - 修复一些样式错误

diff --git a/build/css/misc.css b/build/css/misc.css
diff --git a/comments.php b/comments.php
@@ -38,12 +38,11 @@
             wp_list_comments(array('style' => 'ol', 'avatar_size' => 48, 'callback' => 'hera_comment'));
         } else { ?>
             <li class="no--comment">
-                <<<<<<< HEAD
-                    <?php _e('no comments', 'Hera'); ?>=======<?php if ($heraSetting->get_setting('no_reply_text')) {
-                                                                    echo $heraSetting->get_setting('no_reply_text');
-                                                                } else {
-                                                                    _e('This post has no comment yet', 'Hera');
-                                                                } ?>>>>>>>> 0559a4f7dee2afc9812f50d229fc2cd3e5befed6
+                <?php if ($heraSetting->get_setting('no_reply_text')) {
+                    echo $heraSetting->get_setting('no_reply_text');
+                } else {
+                    _e('This post has no comment yet', 'Hera');
+                } ?>
             </li>
         <?php } ?>
     </ol>

diff --git a/scss/base/_grap.scss b/scss/base/_grap.scss
@@ -56,6 +56,13 @@
         }
     }
 
+    code {
+        background-color: var(--hera-background-gray);
+        padding: 2px 5px;
+        border-radius: 4px;
+        font-size: 14px;
+    }
+
     pre {
         word-break: break-all;
         white-space: break-spaces;

diff --git a/scss/base/_var.scss b/scss/base/_var.scss
@@ -88,25 +88,6 @@
             background: linear-gradient(180deg, #1e1e1e, #121212);
         }
 
-        .post--single__related__item,
-        .post--single__related__status,
-        .post--item,
-        .link-item,
-        .post--card {
-            position: relative;
-            &:hover {
-                background: linear-gradient(180deg, #1e1e1e, #121212);
-                &::after {
-                    content: '';
-                    pointer-events: none;
-                    position: absolute;
-                    inset: 0;
-                    border-radius: 12px;
-                    border: 1px solid #333;
-                }
-            }
-        }
-
         .nav-links .page-numbers.current:after,
         .nav-links .post-page-numbers.current:after {
             background-image: none;
@@ -181,24 +162,6 @@
     .graph ol li::before {
         background: linear-gradient(180deg, #1e1e1e, #121212);
     }
-    .post--single__related__item,
-    .post--single__related__status,
-    .post--item,
-    .link-item,
-    .post--card {
-        position: relative;
-        &:hover {
-            background: linear-gradient(180deg, #1e1e1e, #121212);
-            &::after {
-                content: '';
-                pointer-events: none;
-                position: absolute;
-                inset: 0;
-                border-radius: 12px;
-                border: 1px solid #333;
-            }
-        }
-    }
 
     .nav-links .page-numbers.current:after,
     .nav-links .post-page-numbers.current:after {

diff --git a/scss/components/_author.scss b/scss/components/_author.scss
@@ -10,12 +10,14 @@
             padding-top: 5px;
         }
     }
+
     .avatar {
         border-radius: 100%;
         margin-right: 20px;
     }
+
     .author--name {
-        font-weight: bold;
+        font-weight: 900;
         font-size: 18px;
     }
 
@@ -28,22 +30,27 @@
         margin-top: 12px;
         display: flex;
         align-items: center;
+
         a {
             margin: 0 10px 0 0;
             &:last-child {
                 margin-right: 0;
             }
         }
+
         svg {
             fill: var(--hera-text-color);
+            width: 24px;
+            height: 24px;
+
             &:hover {
                 fill: var(--hera-hover-color);
             }
-            width: 24px;
-            height: 24px;
+
             &.sns {
                 fill: none;
                 stroke: var(--hera-text-color);
+
                 &:hover {
                     stroke: var(--hera-hover-color);
                     fill: none;

diff --git a/scss/components/_block.scss b/scss/components/_block.scss
@@ -20,6 +20,7 @@
         line-height: 1.2;
         font-size: 22px;
         font-weight: 900;
+
         &:hover {
             color: var(--hera-hover-color);
         }
@@ -29,6 +30,7 @@
         flex: 0 0 auto;
         margin-left: 15px;
         width: var(--hera-thumbnail-width);
+
         img {
             width: var(--hera-thumbnail-width);
             height: var(--hera-thumbnail-height);
@@ -54,6 +56,7 @@
         display: flex;
         font-size: var(--hera-font-size-smallest);
         color: var(--hera-text-gray-lightest);
+
         a {
             &:hover {
                 text-decoration: underline;
@@ -62,6 +65,7 @@
         }
         .status--link {
             margin-left: auto;
+
             &:hover {
                 svg {
                     fill: var(--hera-hover-color);
@@ -111,6 +115,7 @@
         &--cover {
             margin-left: 10px;
             --hera-thumbnail-width: 72px;
+
             img {
                 --hera-thumbnail-height: 72px;
             }

diff --git a/scss/components/_card.scss b/scss/components/_card.scss
@@ -13,36 +13,41 @@
 }
 
 .post--card {
-    // padding: 20px;
     border-radius: 12px;
     display: flex;
     flex-direction: column;
     background-color: var(--hera-background-gray);
+
     &:hover {
         background-color: var(--hera-background-gray-lightest);
         border-radius: 12px;
         transform: none;
         transform-origin: 50% 50% 0px;
     }
+
     .cover--link {
         display: flex;
         align-items: center;
         position: relative;
     }
+
     .cover {
         border-radius: 12px 12px 0 0;
         margin-bottom: 12px;
         object-fit: cover;
         aspect-ratio: 60/36;
     }
+
     .post--title {
         font-size: 20px;
         font-weight: bold;
         line-height: 1.4;
         margin-bottom: 5px;
+
         &:hover {
             color: var(--hera-hover-color);
         }
+
         & + .meta {
             margin-top: 10px;
         }
@@ -51,22 +56,6 @@
     .card--content {
         position: relative;
         padding: 0 20px 20px;
-        .date {
-            height: 36px;
-            width: 36px;
-            background-color: var(--hera-background-white);
-            border-radius: 100%;
-            position: absolute;
-            text-align: center;
-            font-weight: bold;
-            font-size: 24px;
-            line-height: 36px;
-            text-align: center;
-            color: var(--hera-text-gray);
-            right: 15px;
-            top: -30px;
-            box-shadow: 0 0 0 5px var(--hera-border-color-light);
-        }
     }
 
     .description {
@@ -82,18 +71,22 @@
         align-items: center;
         flex-wrap: wrap;
         margin-top: 2px;
+
         time {
             display: flex;
             align-items: center;
         }
+
         svg {
             margin-right: 4px;
             fill: var(--hera-text-gray-lightest);
             margin-left: 10px;
+
             &:first-child {
                 margin-left: 0;
             }
         }
+
         a {
             &:hover {
                 text-decoration: underline;

diff --git a/scss/components/_footer.scss b/scss/components/_footer.scss
@@ -153,13 +153,12 @@
     left: 0px;
     bottom: -5px;
     display: flex;
-    // flex-direction: column;
     height: max-content;
     background-color: var(--hera-background-gray-lightest);
-    // box-shadow: inset -2px 2px 1px 0 var(--hera-border-color-light);
     border-radius: 0 10px 0 10px;
     width: max-content;
     padding: 3px;
+
     span {
         width: 28px;
         height: 28px;