From 5c8c68077c4d8f9479f8e1a04721382e2a79fcda Mon Sep 17 00:00:00 2001
From: 0d0 <0d0acre@esiliati.org>
Date: Sun, 23 Feb 2025 00:54:13 +0100
Subject: [PATCH] the migration is completed

---
 postcss.config.js                |  2 +-
 src/app.css                      | 14 +++++++-------
 src/app.html                     |  1 -
 src/lib/components/Loader.svelte |  4 ++--
 src/routes/+page.svelte          |  4 ++--
 5 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/postcss.config.js b/postcss.config.js
index c5c819c..85b958c 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -1,5 +1,5 @@
 export default {
 	plugins: {
-		'@tailwindcss/postcss': {},
+		'@tailwindcss/postcss': {}
 	}
 };
diff --git a/src/app.css b/src/app.css
index 14f9600..8930214 100644
--- a/src/app.css
+++ b/src/app.css
@@ -12,11 +12,11 @@
   color utility to any element that depends on these defaults.
 */
 @layer base {
-  *,
-  ::after,
-  ::before,
-  ::backdrop,
-  ::file-selector-button {
-    border-color: var(--color-gray-200, currentColor);
-  }
+	*,
+	::after,
+	::before,
+	::backdrop,
+	::file-selector-button {
+		border-color: var(--color-gray-200, currentColor);
+	}
 }
diff --git a/src/app.html b/src/app.html
index 3f8a15c..555ee96 100644
--- a/src/app.html
+++ b/src/app.html
@@ -11,7 +11,6 @@
 				font-family: 'Press Start 2P';
 				src: url('/fonts/PressStart2P-Regular.ttf');
 			}
-			
 
 			body {
 				background: black; /* Fallback */
diff --git a/src/lib/components/Loader.svelte b/src/lib/components/Loader.svelte
index ed83b10..62b43fc 100644
--- a/src/lib/components/Loader.svelte
+++ b/src/lib/components/Loader.svelte
@@ -1,6 +1,6 @@
 <div
-	class="absolute inset-0 z-10 flex items-center justify-center bg-white bg-opacity-50"
+	class="bg-opacity-50 absolute inset-0 z-10 flex items-center justify-center bg-white"
 	id="spinner"
 >
-	<div class="h-20 w-20 animate-spin rounded-full border-b-2 border-t-2 border-gray-900"></div>
+	<div class="h-20 w-20 animate-spin rounded-full border-t-2 border-b-2 border-gray-900"></div>
 </div>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 63a694c..109b9d7 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -45,7 +45,7 @@
 	<!-- Info Icon -->
 	<button
 		onclick={toggleModal}
-		class="absolute right-3 top-3 text-pink-500 transition hover:text-pink-300"
+		class="absolute top-3 right-3 text-pink-500 transition hover:text-pink-300"
 		aria-label="Open Info Modal"
 	>
 		<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-6 w-6" viewBox="0 0 24 24">
@@ -137,7 +137,7 @@
 
 <!-- Modal -->
 {#if showModal}
-	<div class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-80">
+	<div class="bg-opacity-80 fixed inset-0 z-50 flex items-center justify-center bg-black">
 		<div
 			class="w-4/5 max-w-lg rounded-lg border-4 border-green-500 bg-green-900 p-6 text-center text-green-100"
 		>