feat: improve mobile ui

Tarow · Dec 30, 2023 · 1e58c9b · 1e58c9b
1 parent 881c1d2
commit 1e58c9b
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/templates/GameDetails.templ b/templates/GameDetails.templ
@@ -25,13 +25,13 @@ templ GameDetails (game skat.Game) {
 			<div hx-get={ fmt.Sprintf("/games/%v", game.ID) } hx-trigger="every 10s" hx-swap="none" hx-select-oob="#gamecard:outerHTML,#roundlist:outerHTML"></div>
 		}
 		@GameDetailsNavbar()
-		<div class="container flex p-2  pt-4 mx-auto">
-			<div class="flex w-full flex-row flex-wrap-reverse justify-around gap-8 items-end">
-				<div id="roundlist">
+		<div class="container flex p-2 pt-4 mx-auto">
+			<div class="flex w-full flex-row flex-wrap-reverse justify-evenly gap-8 items-end">
+				<div id="roundlist" class="w-full sm:w-fit">
 					<div class="hidden sm:flex">
 						@component.RoundsTable(game)
 					</div>
-					<div class="sm:hidden flex">
+					<div class="block sm:hidden">
 						@component.RoundGrid(game)
 					</div>
 				</div>

diff --git a/templates/GameDetails_templ.go b/templates/GameDetails_templ.go
diff --git a/templates/components/rounds_grid.templ b/templates/components/rounds_grid.templ
@@ -71,8 +71,8 @@ templ TotalEntry(game skat.Game) {
 }
 
 templ RoundGrid(game skat.Game) {
-	<div class="card bg-base-200 shadow-xl ">
-	<div class="max-h-[50dvh] overflow-scroll">
+	<div class="card bg-base-200 shadow-xl">
+		<div class="max-h-[50dvh] overflow-scroll">
 			for idx, round := range game.Rounds {
 				<div >
 					@RoundEntry(game.Players, round, idx)

diff --git a/templates/components/rounds_grid_templ.go b/templates/components/rounds_grid_templ.go