Sansan/MusicServer
1
0
Fork 0
Code Issues 15 Pull Requests Actions Packages Projects Releases Wiki Activity

Replace Tailwind CSS with pure CSS for frontend

Browse Source
This commit is contained in:
Sebastian
2026-05-20 21:30:20 +02:00
parent 6e2c381d90
commit 12f18ba12c
4 changed files with 8 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cmd/web/assets/css/input.css
-18
View File
@@ -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;
}
cmd/web/base.templ
+4 -4
View File
@@ -2,15 +2,15 @@ package web
templ Base() { templ Base() {
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" class="h-screen"> <html lang="en">
<head> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>Music Search</title> <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> <script src="assets/js/htmx.min.js"></script>
</head> </head>
<body class="bg-gray-100"> <body>
<main class="mx-auto p-4"> <main>
{ children... } { children... }
</main> </main>
</body> </body>
cmd/web/hello.templ
+3 -3
View File
@@ -3,12 +3,12 @@ package web
templ HelloForm() { templ HelloForm() {
@Base() { @Base() {
<div id="search-container"> <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"/> <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" class="bg-orange-500 hover:bg-orange-700 text-white py-2 px-4 rounded" id="clear" name="clear">Clear</button> <button type="button" id="clear" name="clear">Clear</button>
</div> </div>
<div id="games-container"></div> <div id="games-container"></div>
<script> <script>
document.addEventListener('readystatechange', () => { document.addEventListener('readystatechange', () => {
if (document.readyState == 'complete') { if (document.readyState == 'complete') {
htmx.ajax('POST', '/find', '#games-container'); htmx.ajax('POST', '/find', '#games-container');
document.getElementById("search_term").focus(); document.getElementById("search_term").focus();
justfile
+1 -1
View File
@@ -61,7 +61,7 @@ swag-generate: swag-install
@swag init -g internal/server/routes.go -o cmd/docs @swag init -g internal/server/routes.go -o cmd/docs
[no-cd] [no-cd]
build: sqlc-generate templ-build tailwind-build swag-generate build: sqlc-generate templ-build swag-generate
@echo "Building..." @echo "Building..."
@go build -o main cmd/main.go @go build -o main cmd/main.go