fix: spacing

frappe · Jan 8, 2025 · 465ad05 · 465ad05
1 parent e48e49b
commit 465ad05
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 23 deletions.
diff --git a/frontend/src/components/LastPostReminder.vue b/frontend/src/components/LastPostReminder.vue
@@ -1,27 +1,26 @@
 <template>
-  <div
-    class="border flex rounded-md p-3 border-outline-gray-2 dark:bg-gray-900"
-    v-if="shouldShowReminder"
-  >
-    <div class="flex-1">
-      <div class="flex items-center">
-        <LucideWarning class="size-4 shrink-0 mr-2.5 text-ink-gray-9" />
-        <h2 class="text-p-base text-ink-gray-9 font-medium">You haven't posted in a while</h2>
+  <div v-if="shouldShowReminder">
+    <div class="border flex rounded-md p-3 border-outline-gray-2 dark:bg-gray-900">
+      <div class="flex-1">
+        <div class="flex items-center">
+          <LucideWarning class="size-4 shrink-0 mr-2.5 text-ink-gray-9" />
+          <h2 class="text-p-base text-ink-gray-9 font-medium">You haven't posted in a while</h2>
+        </div>
+        <div class="ml-6.5">
+          <p class="text-ink-gray-6 text-p-base">
+            It's been {{ daysSinceLastPost }} days since your last post. Share your thoughts or
+            updates to keep the conversation going.
+          </p>
+        </div>
       </div>
-      <div class="ml-6.5">
-        <p class="text-ink-gray-6 text-p-base">
-          It's been {{ daysSinceLastPost }} days since your last post. Share your thoughts or
-          updates to keep the conversation going.
-        </p>
+      <div class="ml-auto">
+        <Button @click="dismiss" variant="ghost">
+          <template #icon>
+            <LucideX class="size-4" />
+          </template>
+        </Button>
       </div>
     </div>
-    <div class="ml-auto">
-      <Button @click="dismiss" variant="ghost">
-        <template #icon>
-          <LucideX class="size-4" />
-        </template>
-      </Button>
-    </div>
   </div>
 </template>
 <script setup lang="ts">

diff --git a/frontend/src/pages/Discussions.vue b/frontend/src/pages/Discussions.vue
@@ -9,9 +9,8 @@
     </Button>
   </header>
   <div class="mx-auto max-w-4xl pt-5 sm:px-5">
-    <div class="px-3 mb-4">
-      <LastPostReminder />
-    </div>
+    <LastPostReminder class="px-3 mb-4" />
+
     <div class="mb-4 flex items-center px-3">
       <TabButtons :buttons="feedOptions" v-model="feedType" />
       <div class="ml-auto space-x-2">