fix(prose): code padding

Signed-off-by: ZTL-UwU <[email protected]>
ZTL-UwU · Aug 9, 2024 · fbf2a4f · fbf2a4f
1 parent 98f758c
commit fbf2a4f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/components/content/ProseCode.vue b/components/content/ProseCode.vue
@@ -12,11 +12,11 @@
     <span v-if="!filename" class="absolute top-3 right-3">
       <CodeCopy :code="code" />
     </span>
-    <div class="pr-9 bg-muted/30">
+    <div class="bg-muted/30">
       <UiScrollArea>
         <div
           class="py-3 text-sm overflow-x-auto"
-          :class="[`highlight-${language}`, !filename && 'inline-copy', !language && 'pl-3']"
+          :class="[!filename && 'inline-copy', !language && 'pl-3', !inGroup && 'in-group']"
         >
           <slot />
         </div>
@@ -75,4 +75,8 @@ const icon = iconMap.get(props.filename?.toLowerCase()) || iconMap.get(props.lan
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
+
+.in-group .line {
+  padding-right: 3rem;
+}
 </style>
diff --git a/content/1.getting-started/3.writing/2.components.md b/content/1.getting-started/3.writing/2.components.md
@@ -731,10 +731,10 @@ npm i -D @iconify-json/collection-name
     ---
 
     #title
-    Effortless and Beautiful<br>Docs Template.
+    Effortless and Beautiful :br Docs Template.
 
     #description
-    Beautifully designed Nuxt Content template with shadcn-vue.<br>Customizable. Compatible. Open Source.
+    Beautifully designed Nuxt Content template with shadcn-vue. :br Customizable. Compatible. Open Source.
     ::
   ::
   ```mdc[Code]
@@ -754,10 +754,10 @@ npm i -D @iconify-json/collection-name
   ---
 
   #title
-  Effortless and Beautiful<br>Docs Template.
+  Effortless and Beautiful :br Docs Template.
 
   #description
-  Beautifully designed Nuxt Content template with shadcn-vue.<br>Customizable. Compatible. Open Source.
+  Beautifully designed Nuxt Content template with shadcn-vue. :br Customizable. Compatible. Open Source.
   ::
   ```
 ::

diff --git a/content/index.md b/content/index.md
@@ -19,10 +19,10 @@ actions:
 ---
 
 #title
-Effortless and Beautiful<br>Docs Template.
+Effortless and Beautiful :br Docs Template.
 
 #description
-Beautifully designed Nuxt Content template built with shadcn-vue.<br>Customizable. Compatible. Open Source.
+Beautifully designed Nuxt Content template built with shadcn-vue. :br Customizable. Compatible. Open Source.
 ::
 
 <div class="border rounded-lg shadow-md">