From: Danilo M. <redacted>
Date: Fri, 17 Apr 2026 09:41:04 +0000 (+0200)
Subject: fix: easter egg modal visibility by removing conflicting hidden class
X-Git-Tag: release_22042026-1342~139
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=a31a0ad53086b02531d49d0ef551597d0d482da4;p=danix.xyz-2.git

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 2bf212d..00dcfcf 100644
--- 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
       >