fix: just a workaround for title style

0x-jerry · Mar 3, 2021 · 0aa403b · 0aa403b
1 parent 4e49b3e
commit 0aa403b
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/client/pages/post/index.vue b/client/pages/post/index.vue
@@ -88,14 +88,21 @@ export default defineComponent({
 .title {
   &:before,
   &:after {
-    content: '\}';
     font-weight: 700;
+    position: relative;
     @apply text-blue-500;
   }
 
   // !fixme https://github.com/windicss/vite-plugin-windicss/issues/63
-  // &:before {
-  //   content: '{';
-  // }
+  // {} would lead a bug, so use 「」 instead
+  &:before {
+    top: -5px;
+    content: '「';
+  }
+
+  &:after {
+    content: '」';
+    bottom: -7px;
+  }
 }
 </style>