Fix search modal backdrop opacity using Tailwind v4 compatible alpha modifier syntax

ChristineTham · ChristineTham · commit bb91a820a73c · 2026-07-10T17:24:51.000+10:00
diff --git a/src/components/search.astro b/src/components/search.astro
@@ -52,7 +52,7 @@ import { Icon } from 'astro-icon/components'
 >
   <div
     id="search-backdrop"
-    class="bg-opacity-75 fixed inset-0 bg-gray-500 opacity-0 transition-opacity duration-500 ease-in-out"
+    class="fixed inset-0 bg-gray-500/75 opacity-0 transition-opacity duration-500 ease-in-out"
   >
   </div>
 

Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ import { Icon } from 'astro-icon/components'`
`52`	`52`	`>`
`53`	`53`	`<div`
`54`	`54`	`id="search-backdrop"`
`55`		`- class="bg-opacity-75 fixed inset-0 bg-gray-500 opacity-0 transition-opacity duration-500 ease-in-out"`
	`55`	`+ class="fixed inset-0 bg-gray-500/75 opacity-0 transition-opacity duration-500 ease-in-out"`
`56`	`56`	`>`
`57`	`57`	`</div>`
`58`	`58`