fix: easter egg modal visibility by removing conflicting hidden class

Changed modal display from static 'hidden' class to conditional binding that
only applies 'hidden' when showEasterEgg is false. This prevents Tailwind's
display: none !important from overriding the flex layout binding.

Co-Authored-By: Claude Haiku 4.5 <redacted>

diff --git a/themes/danix-xyz-hacker/layouts/404.html b/themes/danix-xyz-hacker/layouts/404.html
index 2bf212dcefdaf2c68fe50d084725323c2683b8f7..00dcfcf4aabac93d2c789f8ab6d6b468aedf1ea3 100644 (file)
--- a/themes/danix-xyz-hacker/layouts/404.html
+++ b/themes/danix-xyz-hacker/layouts/404.html
@@ -101,8 +101,8 @@ window.articlesData = [
 
       <!-- Easter Egg Modal (Hidden by default) -->
       <div
-        class="fixed inset-0 z-50 hidden"
-        :class="{ 'flex items-center justify-center': showEasterEgg }"
+        class="fixed inset-0 z-50"
+        :class="{ 'flex items-center justify-center': showEasterEgg, 'hidden': !showEasterEgg }"
         x-show="showEasterEgg"
         x-cloak
       >