🔥 Cleans up the code

Author: ahaywood

src/scripts/explain-code.ts

@@ -1,6 +1,11 @@
 const sheets = new Map<string, HTMLDivElement>();
+let isInitialized = false;
 
 function initExplainCodeButtons() {
+	// Prevent multiple initializations
+	if (isInitialized) return;
+	isInitialized = true;
+
 	// Use event delegation on document body to catch all clicks
 	document.body.addEventListener("click", (e) => {
 		const target = e.target as HTMLElement;

src/styles/sheet.css

@@ -1,31 +1,11 @@
-.sheet-overlay,
 .sheet-content {
 	display: none;
 }
 
-.sheet-overlay[data-state="open"],
 .sheet-content[data-state="open"] {
 	display: block;
 }
 
-@keyframes fade-in {
-	from {
-		opacity: 0;
-	}
-	to {
-		opacity: 1;
-	}
-}
-
-@keyframes fade-out {
-	from {
-		opacity: 1;
-	}
-	to {
-		opacity: 0;
-	}
-}
-
 @keyframes slide-in-from-right {
 	from {
 		transform: translateX(100%);
@@ -106,14 +86,6 @@
 	animation-fill-mode: forwards;
 }
 
-.fade-in-0 {
-	animation: fade-in 0.2s ease-in-out;
-}
-
-.fade-out-0 {
-	animation: fade-out 0.2s ease-in-out;
-}
-
 .slide-in-from-right {
 	animation: slide-in-from-right 0.5s ease-in-out;
 }