Update KeyboardShortcutsOverlay.vue

sashsvamir · web-flow · commit fb55bb8f146d · 2024-08-03T11:41:39.000+03:00
Fix "Keyboard Shortcuts" dialog background color on "Dark" theme.
diff --git a/resources/js/components/KeyboardShortcutsOverlay.vue b/resources/js/components/KeyboardShortcutsOverlay.vue
@@ -16,7 +16,7 @@
               leave-to="translate-x-full"
             >
               <DialogPanel class="pointer-events-auto w-screen max-w-md">
-                <div class="flex h-full flex-col overflow-y-scroll bg-white py-6 shadow-xl">
+                <div class="flex h-full flex-col overflow-y-scroll bg-white py-6 shadow-xl dark:bg-gray-700">
                   <div class="px-4 sm:px-6">
                     <div class="flex items-start justify-between">
                       <DialogTitle class="text-base font-semibold leading-6 text-gray-900">Keyboard Shortcuts</DialogTitle>

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@`
`16`	`16`	`leave-to="translate-x-full"`
`17`	`17`	`>`
`18`	`18`	`<DialogPanel class="pointer-events-auto w-screen max-w-md">`
`19`		`- <div class="flex h-full flex-col overflow-y-scroll bg-white py-6 shadow-xl">`
	`19`	`+ <div class="flex h-full flex-col overflow-y-scroll bg-white py-6 shadow-xl dark:bg-gray-700">`
`20`	`20`	`<div class="px-4 sm:px-6">`
`21`	`21`	`<div class="flex items-start justify-between">`
`22`	`22`	`<DialogTitle class="text-base font-semibold leading-6 text-gray-900">Keyboard Shortcuts</DialogTitle>`