From a31a0ad53086b02531d49d0ef551597d0d482da4 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Fri, 17 Apr 2026 11:41:04 +0200
Subject: 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 <noreply@anthropic.com>
---
 themes/danix-xyz-hacker/layouts/404.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'themes')

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
       >
-- 
cgit v1.2.3