ui: reduce spacing for mobile view

redfrogsss · Feb 5, 2024 · 4b3305e · 4b3305e
1 parent ac99d9b
commit 4b3305e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/components/article/Comments.vue b/components/article/Comments.vue
@@ -1,7 +1,9 @@
 <template>
-    <div class="bg-base-100 rounded-lg shadow-md my-4 px-8 py-12">
+    <div class="bg-base-100 rounded-lg shadow-md my-4 px-3 md:px-8 py-12">
         <p class="prose">
-        <h4><IconsComments className="inline h-[1.2rem] mb-1 mx-1"/>Comments</h4>
+        <h4>
+            <IconsComments className="inline h-[1.2rem] mb-1 mx-1" />Comments
+        </h4>
         </p>
     </div>
 </template>

diff --git a/components/article/Document.vue b/components/article/Document.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="bg-base-100 rounded-lg shadow-md my-4 px-8 py-12">
+    <div class="bg-base-100 rounded-lg shadow-md my-4 px-4 md:px-8 py-12">
         <ContentDoc v-slot="{ doc }">
             <div className="breadcrumbs mb-2">
                 <ul class="text-sm">