💄 style detail optimization

nicejade · Feb 6, 2022 · 3b3622a · 3b3622a
1 parent 1596061
commit 3b3622a
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 200 deletions.
diff --git a/src/assets/icons/googleplus.svg b/src/assets/icons/googleplus.svg
diff --git a/src/assets/icons/green-heart.svg b/src/assets/icons/green-heart.svg
diff --git a/src/assets/icons/pinterest.svg b/src/assets/icons/pinterest.svg
diff --git a/src/assets/icons/switch-lang.svg b/src/assets/icons/switch-lang.svg
diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
@@ -235,17 +235,27 @@ input:-ms-input-placeholder {
 }
 
 .mb-normal {
-  margin-bottom: 15px;
+  margin-bottom: 1.8rem;
 }
 
-#post-page #waline .vbtn {
-  display: none;
-}
-#post-page #waline .primary {
-  display: block;
-}
-#post-page #waline .v {
-  padding: 15px 20px;
+#post-page #waline {
+  width: 100%;
+  min-width: 30rem;
+  .vbtn {
+    display: none;
+  }
+  .primary {
+    display: block;
+  }
+  .v {
+    padding: 15px 20px;
+  }
+  .v[data-class='v'] blockquote {
+    border-left-width: 4px;
+    p {
+      color: $silver-grey;
+    }
+  }
 }
 
 /* ----------------------title font define---------------------- Start*/

diff --git a/src/components/linksList/LinkItem.vue b/src/components/linksList/LinkItem.vue
@@ -27,7 +27,7 @@
         </div>
       </div>
     </div>
-    <h2 class="title mb-normal">
+    <h2 class="title">
       <a
         v-if="isAbstract"
         class="title-link"
@@ -60,8 +60,8 @@
         @click.stop="onStopPropagationClick('tags')"
         target="_blank"
         rel="noopener"
-        >{{ iitem }}
-      </a>
+        >{{ iitem }}</a
+      >
     </div>
     <div class="abstract" v-if="isAbstract">
       {{ item.abstract || $util.interceptString(item.desc) }}
@@ -377,6 +377,7 @@ export default {
 .content {
   margin: 5px;
   .title {
+    margin-bottom: 2rem;
     .title-link {
       font-size: 1.8rem;
       font-weight: 600;
@@ -403,7 +404,7 @@ export default {
   .link-review {
     margin: 15px 0;
     color: $black-grey;
-    line-height: 1.8rem;
+    line-height: 1.6;
     strong {
       font-weight: 700;
       color: $link-title;
@@ -476,7 +477,7 @@ export default {
     }
     .tag + .tag {
       &:before {
-        margin: 0 0.3em;
+        margin: 0 0.4em;
         content: '/';
         color: $silver-grey;
       }

diff --git a/src/locales/zh.js b/src/locales/zh.js
@@ -23,7 +23,7 @@ export default {
   reviewStr: '推荐语：',
   warmReminder: '温馨提示',
   niceLinksStr: '倾城之链',
-  searchYourWant: '搜您想要',
+  searchYourWant: '虎年大吉，搜您想要',
 
   all: '全部',
   skill: '技术客栈',

diff --git a/src/partials/HeaderNav.vue b/src/partials/HeaderNav.vue
@@ -504,7 +504,7 @@ export default {
 .search-area {
   display: block;
   position: absolute;
-  right: 210px;
+  right: 21.13rem;
   .el-autocomplete {
     .el-input {
       font-size: $font-medium;