Stack headers - remove background and even out spacing

jaygeorge · jaygeorge · commit 5d3313f1627a · 2025-11-03T17:27:52.000Z
diff --git a/resources/js/components/entries/PublishActions.vue b/resources/js/components/entries/PublishActions.vue
@@ -2,7 +2,7 @@
     <stack narrow name="publish-options" @closed="$emit('closed')" v-slot="{ close }">
         <div class="m-2 flex h-full flex-col rounded-xl bg-white dark:bg-gray-800">
             <header
-                class="flex items-center justify-between rounded-t-xl border-b border-gray-300 bg-gray-50 px-4 py-2 dark:border-gray-950 dark:bg-gray-900"
+                class="flex items-center justify-between rounded-t-xl border-b border-gray-300 px-4 mb-3 py-2 dark:border-gray-950 dark:bg-gray-800"
             >
                 <Heading size="lg">{{ __('Publish') }}</Heading>
                 <Button icon="x" variant="ghost" class="-me-2" @click="close" />
diff --git a/resources/js/components/nav/ItemEditor.vue b/resources/js/components/nav/ItemEditor.vue
@@ -2,7 +2,7 @@
     <stack narrow name="nav-item-editor" @closed="$emit('closed')" v-slot="{ close }">
         <div class="m-2 flex h-full flex-col rounded-xl bg-white dark:bg-gray-800">
             <div
-                class="flex items-center justify-between rounded-t-xl border-b border-gray-300 bg-gray-50 px-4 py-2 dark:border-gray-950 dark:bg-gray-900"
+                class="flex items-center justify-between rounded-t-xl border-b border-gray-300 px-4 mb-3 py-2 dark:border-gray-950 dark:bg-gray-800"
             >
                 <Heading size="lg">{{ creating ? __('Add Nav Item') : __('Edit Nav Item') }}</Heading>
                 <Button icon="x" variant="ghost" class="-me-2" @click="close" />
diff --git a/resources/js/components/nav/SectionEditor.vue b/resources/js/components/nav/SectionEditor.vue
@@ -2,7 +2,7 @@
     <stack narrow name="nav-item-editor" @closed="$emit('closed')" v-slot="{ close }">
         <div class="m-2 flex h-full flex-col rounded-xl bg-white dark:bg-gray-800">
             <div
-                class="flex items-center justify-between rounded-t-xl border-b border-gray-300 bg-gray-50 px-4 py-2 dark:border-gray-950 dark:bg-gray-900"
+                class="flex items-center justify-between rounded-t-xl border-b border-gray-300 px-4 mb-3 py-2 dark:border-gray-950 dark:bg-gray-800"
             >
                 <Heading size="lg">{{ creating ? __('Add Section') : __('Edit Section') }}</Heading>
                 <Button icon="x" variant="ghost" class="-me-2" @click="close" />
diff --git a/resources/js/components/revision-history/History.vue b/resources/js/components/revision-history/History.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="m-2 flex h-full flex-col rounded-xl bg-white dark:bg-gray-800">
         <header
-            class="flex items-center justify-between rounded-t-xl border-b border-gray-300 bg-gray-50 px-4 py-2 dark:border-gray-950 dark:bg-gray-900"
+            class="flex items-center justify-between rounded-t-xl border-b border-gray-300 px-4 mb-3 py-2 dark:border-gray-950 dark:bg-gray-800"
         >
             <Heading size="lg">{{ __('Revision History') }}</Heading>
             <Button icon="x" variant="ghost" class="-me-2" @click="close" />

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`<stack narrow name="publish-options" @closed="$emit('closed')" v-slot="{ close }">`
`3`	`3`	`<div class="m-2 flex h-full flex-col rounded-xl bg-white dark:bg-gray-800">`
`4`	`4`	`<header`
`5`		`- class="flex items-center justify-between rounded-t-xl border-b border-gray-300 bg-gray-50 px-4 py-2 dark:border-gray-950 dark:bg-gray-900"`
	`5`	`+ class="flex items-center justify-between rounded-t-xl border-b border-gray-300 px-4 mb-3 py-2 dark:border-gray-950 dark:bg-gray-800"`
`6`	`6`	`>`
`7`	`7`	`<Heading size="lg">{{ __('Publish') }}</Heading>`
`8`	`8`	`<Button icon="x" variant="ghost" class="-me-2" @click="close" />`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`<stack narrow name="nav-item-editor" @closed="$emit('closed')" v-slot="{ close }">`
`3`	`3`	`<div class="m-2 flex h-full flex-col rounded-xl bg-white dark:bg-gray-800">`
`4`	`4`	`<div`
`5`		`- class="flex items-center justify-between rounded-t-xl border-b border-gray-300 bg-gray-50 px-4 py-2 dark:border-gray-950 dark:bg-gray-900"`
	`5`	`+ class="flex items-center justify-between rounded-t-xl border-b border-gray-300 px-4 mb-3 py-2 dark:border-gray-950 dark:bg-gray-800"`
`6`	`6`	`>`
`7`	`7`	`<Heading size="lg">{{ creating ? __('Add Nav Item') : __('Edit Nav Item') }}</Heading>`
`8`	`8`	`<Button icon="x" variant="ghost" class="-me-2" @click="close" />`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`<template>`
`2`	`2`	`<div class="m-2 flex h-full flex-col rounded-xl bg-white dark:bg-gray-800">`
`3`	`3`	`<header`
`4`		`- class="flex items-center justify-between rounded-t-xl border-b border-gray-300 bg-gray-50 px-4 py-2 dark:border-gray-950 dark:bg-gray-900"`
	`4`	`+ class="flex items-center justify-between rounded-t-xl border-b border-gray-300 px-4 mb-3 py-2 dark:border-gray-950 dark:bg-gray-800"`
`5`	`5`	`>`
`6`	`6`	`<Heading size="lg">{{ __('Revision History') }}</Heading>`
`7`	`7`	`<Button icon="x" variant="ghost" class="-me-2" @click="close" />`