fix(ui): ticket list: title: padding

frappe · Jun 21, 2023 · e7253ca · e7253ca
1 parent c6a9c58
commit e7253ca
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 9 deletions.
diff --git a/desk/src/components/PageTitle.vue b/desk/src/components/PageTitle.vue
@@ -1,11 +1,14 @@
 <template>
-  <div class="flex items-center justify-between p-6">
-    <slot name="title">
-      <div v-if="title" class="text-2xl font-semibold text-gray-900">
-        {{ title }}
-      </div>
-    </slot>
-    <slot name="right" />
+  <div class="m-6">
+    <div class="flex items-center justify-between">
+      <slot name="title">
+        <div v-if="title" class="text-2xl font-semibold text-gray-900">
+          {{ title }}
+        </div>
+      </slot>
+      <slot name="right" />
+    </div>
+    <slot name="bottom" />
   </div>
 </template>
 

diff --git a/desk/src/pages/desk/ticket-list/TicketList.vue b/desk/src/pages/desk/ticket-list/TicketList.vue
@@ -13,8 +13,10 @@
           </template>
         </Button>
       </template>
+      <template #bottom>
+        <TopSection class="mt-4" />
+      </template>
     </PageTitle>
-    <TopSection />
     <MainTable v-if="tickets.totalCount" class="grow" />
     <div
       v-else

diff --git a/desk/src/pages/desk/ticket-list/TopSection.vue b/desk/src/pages/desk/ticket-list/TopSection.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex justify-between px-6 pb-3">
+  <div class="flex justify-between">
     <div class="flex gap-2">
       <PresetFilters doctype="HD Ticket" />
       <Dropdown