Просмотр исходного кода

style: 代码块 margin 与其他块统一、代码块语言的位置有点难看

Jeffrey Chen 6 месяцев назад
Родитель
Сommit
0230c63ba5
1 измененных файлов с 8 добавлено и 2 удалено
  1. 8 2
      app/src/assets/scss/component/_typography.scss

+ 8 - 2
app/src/assets/scss/component/_typography.scss

@@ -281,7 +281,7 @@
   }
 
   .code-block:not(pre) {
-    margin: 1em 0;
+    margin: 2px 0;
     box-sizing: border-box;
 
     .protyle-action {
@@ -299,8 +299,14 @@
         align-self: center;
       }
 
-      .protyle-icon,
+      .protyle-icon {
+        opacity: 0;
+        transition: var(--b3-transition);
+      }
+
       .protyle-action__language {
+        position: absolute;
+        left: 1em;
         opacity: 0;
         transition: var(--b3-transition);
       }