From 12f18ba12c6843c3fa3659814abe1b3471e8f181 Mon Sep 17 00:00:00 2001
From: Sebastian <zarnor91@gmail.com>
Date: Wed, 20 May 2026 21:30:20 +0200
Subject: [PATCH] Replace Tailwind CSS with pure CSS for frontend

---
 cmd/web/assets/css/input.css | 18 ------------------
 cmd/web/base.templ           |  8 ++++----
 cmd/web/hello.templ          |  6 +++---
 justfile                     |  2 +-
 4 files changed, 8 insertions(+), 26 deletions(-)
 delete mode 100644 cmd/web/assets/css/input.css
diff --git a/cmd/web/assets/css/input.css b/cmd/web/assets/css/input.css
deleted file mode 100644
index 2af16a4..0000000
--- a/cmd/web/assets/css/input.css
+++ /dev/null
@@ -1,18 +0,0 @@
-@import "tailwindcss";
-
-#search-container {
-  text-align: center;
-}
-
-#search_term {
-  width: 60vw;
-  font-size: 2vh;
-}
-
-#clear {
-  font-size: 2vh;
-}
-
-#games-container{
-  font-size: 2vh;
-}
diff --git a/cmd/web/base.templ b/cmd/web/base.templ
index 77bfb94..615affb 100644
--- a/cmd/web/base.templ
+++ b/cmd/web/base.templ
@@ -2,15 +2,15 @@ package web
 
 templ Base() {
 	<!DOCTYPE html>
-	<html lang="en" class="h-screen">
+	<html lang="en">
 		<head>
 			<meta charset="utf-8"/>
 			<title>Music Search</title>
-			<link href="assets/css/output.css" rel="stylesheet"/>
+			<link href="assets/css/styles.css" rel="stylesheet"/>
 			<script src="assets/js/htmx.min.js"></script>
 		</head>
-		<body class="bg-gray-100">
-			<main class="mx-auto p-4">
+		<body>
+			<main>
 				{ children... }
 			</main>
 		</body>
diff --git a/cmd/web/hello.templ b/cmd/web/hello.templ
index 28fa78c..564fd07 100644
--- a/cmd/web/hello.templ
+++ b/cmd/web/hello.templ
@@ -3,12 +3,12 @@ package web
 templ HelloForm() {
 	@Base() {
 		<div id="search-container">
-			<input class="bg-gray-200 text-black p-2 border border-gray-400 rounded-lg" id="search_term" name="search_term" type="text" hx-post="/find" hx-trigger="keyup changed delay:0.25s" hx-target="#games-container"/>
-			<button type="button" class="bg-orange-500 hover:bg-orange-700 text-white py-2 px-4 rounded" id="clear" name="clear">Clear</button>
+			<input id="search_term" name="search_term" type="text" hx-post="/find" hx-trigger="keyup changed delay:0.25s" hx-target="#games-container"/>
+			<button type="button" id="clear" name="clear">Clear</button>
 		</div>
 		<div id="games-container"></div>
 		<script>
-			document.addEventListener('readystatechange', () => {    
+			document.addEventListener('readystatechange', () => {	    
 				if (document.readyState == 'complete') {
 					htmx.ajax('POST', '/find', '#games-container');
 					document.getElementById("search_term").focus();
diff --git a/justfile b/justfile
index fac8788..6e8be40 100644
--- a/justfile
+++ b/justfile
@@ -61,7 +61,7 @@ swag-generate: swag-install
 	@swag init -g internal/server/routes.go -o cmd/docs
 
 [no-cd]
-build: sqlc-generate templ-build tailwind-build swag-generate
+build: sqlc-generate templ-build swag-generate
     @echo "Building..."
     @go build -o main cmd/main.go
 
