style:fixed some ui error

bigfa · Jan 5, 2025 · 006f913 · 006f913
1 parent 93b55ae
commit 006f913
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 16 deletions.
diff --git a/README.md b/README.md
@@ -12,6 +12,10 @@ echo "theme = 'hera'" >> config.toml
 
 ## Release Note
 
+### 0.0.4
+
+-   fixed some ui error
+
 ### 0.0.3
 
 -   add dark mode support

diff --git a/README_CN.md b/README_CN.md
@@ -14,6 +14,10 @@ echo "theme = 'hera'" >> hugo.toml
 
 ## 更新日志
 
+### 0.0.4
+
+-   修复一些样式错误
+
 ### 0.0.3
 
 -   增加暗黑模式支持

diff --git a/assets/scss/base/_grap.scss b/assets/scss/base/_grap.scss
@@ -56,13 +56,30 @@
         }
     }
 
+    code {
+        background-color: var(--hera-background-gray);
+        margin-left: 4px;
+        margin-right: 4px;
+        border-radius: 4px;
+        font-size: 75%;
+        padding: 2px 4px;
+        word-break: break-word;
+        color: var(--hera-text-light);
+    }
+
     pre {
         word-break: break-all;
         white-space: break-spaces;
         background-color: var(--hera-background-gray);
-        padding: 10px;
+        padding: 15px;
         border-radius: 5px;
         font-size: 14px;
+        code {
+            background-color: rgba(0, 0, 0, 0);
+            font-size: 100%;
+            margin: 0;
+            padding: 0;
+        }
     }
 
     &--mixtapeEmbed {
@@ -76,8 +93,8 @@
         }
 
         margin-bottom: 25px;
-        border: 1px solid var(--hera-border-color);
-        border-radius: 4px;
+        background-color: var(--hera-background-gray);
+        border-radius: 5px;
         display: flex;
 
         .mixtapeImage {
@@ -144,13 +161,13 @@
         transition: 0.2s;
         color: var(--main-color);
 
-        &[href*='jpeg'],
-        &[href*='JPEG'],
-        &[href*='jpg'],
-        &[href*='png'],
-        &[href*='PNG'],
-        &[href*='JPG'],
-        &[href*='gif'] {
+        &[href*="jpeg"],
+        &[href*="JPEG"],
+        &[href*="jpg"],
+        &[href*="png"],
+        &[href*="PNG"],
+        &[href*="JPG"],
+        &[href*="gif"] {
             box-shadow: none;
             &:hover {
                 box-shadow: none;
@@ -178,7 +195,7 @@
         }
 
         &:before {
-            content: '';
+            content: "";
             position: absolute;
             top: 0.5em;
             bottom: -2px;
@@ -215,7 +232,7 @@
         margin-bottom: 15px;
 
         &:before {
-            content: '...';
+            content: "...";
             letter-spacing: 0.6em;
             text-indent: 0.6em;
         }
@@ -236,7 +253,7 @@
             margin-bottom: 5px;
 
             &:before {
-                content: '•';
+                content: "•";
                 box-sizing: border-box;
                 font-size: 18px;
                 margin-left: -35px;

diff --git a/assets/scss/templates/_map.scss b/assets/scss/templates/_map.scss
@@ -262,8 +262,8 @@
 
 .doulist-item {
     margin: 30px 0;
-    color: #666;
-    border: 1px solid #eee;
+    color: var(--hera-text-gray);
+    border: 1px solid var(--hera-border-color);
     border-radius: 4px;
     &:hover {
         box-shadow: 0 3px 12px var(--hera-border-color-light);

diff --git a/layouts/shortcodes/link.html b/layouts/shortcodes/link.html
@@ -1,6 +1,6 @@
 {{$URL := .Get 0}}
 {{ with .Site.GetPage $URL }}
-<div class="graph--mixtapeEmbed">
+<div class="grap--mixtapeEmbed">
     <a href="{{ .Permalink }}" target="_blank" class="mixtapeContent"><span
             class="markup--strong markup--mixtapeEmbed-strong">{{ .Title
             }}</span><em class="markup--em markup--mixtapeEmbed-em">{{ .Summary | plainify | truncate 60 }}</em></a>