feat: adjust header padding

ICIJ · Nov 18, 2024 · 5b263fe · 5b263fe
1 parent f4af6f0
commit 5b263fe
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/src/components/Document/DocumentEntries/DocumentEntriesGrid.vue b/src/components/Document/DocumentEntries/DocumentEntriesGrid.vue
@@ -30,7 +30,7 @@ const showDocument = computed(() => !!documentRoute.value)
 
 <template>
   <div class="document-entries-grid">
-    <div class="document-entries-grid__header py-3">
+    <div class="document-entries-grid__header">
       <slot name="header" />
     </div>
     <div class="document-entries-grid__list row g-5 px-0">
@@ -69,7 +69,7 @@ const showDocument = computed(() => !!documentRoute.value)
     background: var(--bs-body-bg);
     position: sticky;
     top: 0;
-    z-index: 10;
+    z-index: 100;
     min-width: 0;
     max-width: 100%;
     width: 100%;

diff --git a/src/components/Document/DocumentEntries/DocumentEntriesHeader.vue b/src/components/Document/DocumentEntries/DocumentEntriesHeader.vue
@@ -111,6 +111,7 @@ watch(toRef(props, 'total'), (total) => (selectMode.value = selectMode.value &&
   align-items: center;
   justify-content: flex-start;
   gap: $spacer-xs;
+  padding: $spacer 0;
 
   &--compact {
     flex-direction: row-reverse;

diff --git a/src/components/Document/DocumentEntries/DocumentEntriesList.vue b/src/components/Document/DocumentEntries/DocumentEntriesList.vue
@@ -87,8 +87,8 @@ watchDocument(scrollDocumentCardIntoView)
       min-width: 0;
       max-width: 100%;
       width: 100%;
-      padding: $spacer;
       flex-shrink: 1;
+      padding: 0 $spacer;
     }
 
     &__list {

diff --git a/src/components/Document/DocumentEntries/DocumentEntriesTable.vue b/src/components/Document/DocumentEntries/DocumentEntriesTable.vue
@@ -48,7 +48,7 @@ const showDocument = computed(() => !!documentRoute.value)
 
 <template>
   <div class="document-entries-table">
-    <div class="document-entries-table__header py-3">
+    <div class="document-entries-table__header">
       <slot name="header" />
     </div>
     <page-table v-model:sort="sort" v-model:order="order" :select-mode="selectMode">