fix: the style of Not nameShow and lang

Author: F-one-1

src/App.vue

@@ -19,7 +19,7 @@ const light = 'light'
 const vue = 'vue'
 const dark = 'dark'
 const height = '200px'
-const borderRadius = '0px'
+const borderRadius = '10px'
 </script>
 <template>
   <div class="wrapper">
@@ -37,6 +37,8 @@ const borderRadius = '0px'
       :lang="vue"
       :codeLines="true"
       :borderRadius="borderRadius"
+      :nameShow="false"
+      :copy="false"
     ></HighCode>
   </div>
 </template>

src/components/HighCode.vue

@@ -132,6 +132,8 @@ nextTick(() => {
       class="code_area"
       ref="codeArea"
       :style="{
+        paddingBottom: nameShow === true && copy === true ? '20px' : '14px',
+        paddingTop: nameShow === true && copy === true ? 0 : '14px',
         borderBottomLeftRadius: props.borderRadius,
         borderBottomRightRadius: props.borderRadius,
         borderTopLeftRadius: withoutHeader == true ? props.borderRadius : 0,
@@ -179,6 +181,7 @@ nextTick(() => {
     padding-top: 0px;
     padding-left: 24px;
     overflow: overlay;
+    margin: auto 0;
     // border-radius: 5px;
     display: flex;
     &_link {
@@ -204,7 +207,8 @@ nextTick(() => {
     position: relative;
     display: flex;
     justify-content: flex-start;
-    height: 30px;
+    // height: 30px;
+
     width: 100%;
   }
   pre code {