Enha: front padding
This commit is contained in:
		| @@ -3,29 +3,29 @@ | |||||||
| <div> | <div> | ||||||
|   {{$botName = .Room.FindBotByTeamRole "blue" "mime"}} |   {{$botName = .Room.FindBotByTeamRole "blue" "mime"}} | ||||||
|   {{ if eq .Room.BlueTeam.Mime "" }} |   {{ if eq .Room.BlueTeam.Mime "" }} | ||||||
|   <button hx-get="/add-bot?team=blue&role=mime" hx-target="#addbot" class="bg-blue-400 text-black px-4 py-2 rounded">Add Bot Mime</button> |   <button hx-get="/add-bot?team=blue&role=mime" hx-target="#addbot" class="bg-blue-400 text-black px-1 py-1 rounded">Add Bot Mime</button> | ||||||
|   {{ else if ne $botName "" }} |   {{ else if ne $botName "" }} | ||||||
|   <button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-blue-400 text-black px-4 py-2 rounded">Remove {{$botName}}</button> |   <button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-blue-400 text-black px-1 py-1 rounded">Remove {{$botName}}</button> | ||||||
|   {{ end }} |   {{ end }} | ||||||
|   {{$botName = .Room.FindBotByTeamRole "red" "mime"}} |   {{$botName = .Room.FindBotByTeamRole "red" "mime"}} | ||||||
|   {{ if eq .Room.RedTeam.Mime "" }} |   {{ if eq .Room.RedTeam.Mime "" }} | ||||||
|   <button hx-get="/add-bot?team=red&role=mime" hx-target="#addbot" class="bg-red-400 text-black px-4 py-2 rounded">Add Bot Mime</button> |   <button hx-get="/add-bot?team=red&role=mime" hx-target="#addbot" class="bg-red-400 text-black px-1 py-1 rounded">Add Bot Mime</button> | ||||||
|   {{ else if ne $botName "" }} |   {{ else if ne $botName "" }} | ||||||
|   <button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-red-400 text-black px-4 py-2 rounded">Remove {{$botName}}</button> |   <button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-red-400 text-black px-1 py-1 rounded">Remove {{$botName}}</button> | ||||||
|   {{ end }} |   {{ end }} | ||||||
| </div> | </div> | ||||||
|   {{$botName = .Room.FindBotByTeamRole "blue" "guesser"}} |   {{$botName = .Room.FindBotByTeamRole "blue" "guesser"}} | ||||||
| <div> | <div> | ||||||
|   {{ if not .Room.BlueTeam.Guessers }} |   {{ if not .Room.BlueTeam.Guessers }} | ||||||
|   <button hx-get="/add-bot?team=blue&role=guesser" hx-target="#addbot" class="bg-blue-300 text-black px-4 py-2 rounded">Add Bot Guesser</button> |   <button hx-get="/add-bot?team=blue&role=guesser" hx-target="#addbot" class="bg-blue-300 text-black px-1 py-1 rounded">Add Bot Guesser</button> | ||||||
|   {{ else if ne $botName "" }} |   {{ else if ne $botName "" }} | ||||||
|   <button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-blue-300 text-black px-4 py-2 rounded">Remove {{$botName}}</button> |   <button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-blue-300 text-black px-1 py-1 rounded">Remove {{$botName}}</button> | ||||||
|   {{ end }} |   {{ end }} | ||||||
|   {{$botName = .Room.FindBotByTeamRole "red" "guesser"}} |   {{$botName = .Room.FindBotByTeamRole "red" "guesser"}} | ||||||
|   {{ if not .Room.RedTeam.Guessers }} |   {{ if not .Room.RedTeam.Guessers }} | ||||||
|   <button hx-get="/add-bot?team=red&role=guesser" hx-target="#addbot" class="bg-red-300 text-black px-4 py-2 rounded">Add Bot Guesser</button> |   <button hx-get="/add-bot?team=red&role=guesser" hx-target="#addbot" class="bg-red-300 text-black px-1 py-1 rounded">Add Bot Guesser</button> | ||||||
|   {{ else if ne $botName "" }} |   {{ else if ne $botName "" }} | ||||||
|   <button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-red-300 text-black px-4 py-2 rounded">Remove {{$botName}}</button> |   <button hx-get="/remove-bot?bot={{$botName}}" hx-target="#addbot" class="bg-red-300 text-black px-1 py-1 rounded">Remove {{$botName}}</button> | ||||||
|   {{ end }} |   {{ end }} | ||||||
| </div> | </div> | ||||||
| {{end}} | {{end}} | ||||||
|   | |||||||
| @@ -1,13 +1,14 @@ | |||||||
| {{define "teamlist"}} | {{define "teamlist"}} | ||||||
| <div class="playerlist border border-gray-300 text-{{.Color}}-500 rounded mb-2"> | <div> | ||||||
|     <p class=border>Guessers</p> |   <div class="playerlist border border-gray-300 text-{{.Color}}-500 rounded mb-2"> | ||||||
| {{range .Guessers}} |       <p class="border">Guessers</p> | ||||||
|  |   {{range .Guessers}} | ||||||
|       <p>{{.}}</p> |       <p>{{.}}</p> | ||||||
| {{end}} |   {{end}} | ||||||
| </div> |   </div> | ||||||
| <hr /> |   <div class="playerlist border border-gray-300 rounded mb-2 text-{{.Color}}-700"> | ||||||
| <div class="playerlist border border-gray-300 rounded mb-2 text-{{.Color}}-700"> |       <p class="border">Mime</p> | ||||||
|     <p class=border>Mime</p> |  | ||||||
|       <p>{{.Mime}}</p> |       <p>{{.Mime}}</p> | ||||||
|  |   </div> | ||||||
| </div> | </div> | ||||||
| {{end}} | {{end}} | ||||||
|   | |||||||
| @@ -37,7 +37,7 @@ | |||||||
|       {{template "addbot" .}} |       {{template "addbot" .}} | ||||||
|     {{end}} |     {{end}} | ||||||
|   </div> |   </div> | ||||||
|   <div class="flex justify-center"> |   <div class="flex justify-center space-x-4"> | ||||||
|     <!-- Left Panel --> |     <!-- Left Panel --> | ||||||
|     {{template "teamlist" .Room.BlueTeam}} |     {{template "teamlist" .Room.BlueTeam}} | ||||||
|     {{if not .Room.IsRunning}} |     {{if not .Room.IsRunning}} | ||||||
|   | |||||||
| @@ -1,44 +1,46 @@ | |||||||
| {{define "teampew"}} | {{define "teampew"}} | ||||||
| <div> | <div class="space-y-4"> | ||||||
| <h2 class="text-xl mb-4">Join Blue Team</h2> |   <div> | ||||||
| <form hx-post="/join-team" hx-target="#ancestor"> |     <h2 class="text-xl mb-4">Join Blue Team</h2> | ||||||
|  |     <form hx-post="/join-team" hx-target="#ancestor"> | ||||||
|         <input type="hidden" name="team" value="blue"> |         <input type="hidden" name="team" value="blue"> | ||||||
|       <div class="mb-1"> |       <div class="mb-1"> | ||||||
|         {{if and (eq .State.Role "guesser") (eq .State.Team "blue")}} |         {{if and (eq .State.Role "guesser") (eq .State.Team "blue")}} | ||||||
|         {{else}} |         {{else}} | ||||||
|       <button type="submit" name="role" value="guesser" class="w-full bg-blue-500 text-white py-2 px-4 rounded"> |           <button type="submit" name="role" value="guesser" class="w-full bg-blue-500 text-white py-1 px-2 rounded"> | ||||||
|           Join as Guesser |           Join as Guesser | ||||||
|         </button> |         </button> | ||||||
|         {{end}} |         {{end}} | ||||||
|       </div> |       </div> | ||||||
|       {{if eq .Room.BlueTeam.Mime ""}} |       {{if eq .Room.BlueTeam.Mime ""}} | ||||||
|       <div> |       <div> | ||||||
|       <button type="submit" name="role" value="mime" class="w-full bg-blue-700 text-white py-2 px-4 rounded"> |           <button type="submit" name="role" value="mime" class="w-full bg-blue-700 text-white py-1 px-2 rounded"> | ||||||
|           Join as Mime |           Join as Mime | ||||||
|         </button> |         </button> | ||||||
|       </div> |       </div> | ||||||
|       {{end}} |       {{end}} | ||||||
| </form> |     </form> | ||||||
| </div> |   </div> | ||||||
| <div> |   <div> | ||||||
| <h2 class="text-xl mb-4">Join Red Team</h2> |     <h2 class="text-xl mb-4">Join Red Team</h2> | ||||||
| <form hx-post="/join-team" hx-target="#ancestor"> |     <form hx-post="/join-team" hx-target="#ancestor"> | ||||||
|         <input type="hidden" name="team" value="red"> |         <input type="hidden" name="team" value="red"> | ||||||
|       <div class="mb-1"> |       <div class="mb-1"> | ||||||
|         {{if and (eq .State.Role "guesser") (eq .State.Team "red")}} |         {{if and (eq .State.Role "guesser") (eq .State.Team "red")}} | ||||||
|         {{else}} |         {{else}} | ||||||
|       <button type="submit" name="role" value="guesser" class="w-full bg-red-500 text-white py-2 px-4 rounded"> |           <button type="submit" name="role" value="guesser" class="w-full bg-red-500 text-white py-1 px-2 rounded"> | ||||||
|           Join as Guesser |           Join as Guesser | ||||||
|         </button> |         </button> | ||||||
|         {{end}} |         {{end}} | ||||||
|       </div> |       </div> | ||||||
|       {{if eq .Room.RedTeam.Mime ""}} |       {{if eq .Room.RedTeam.Mime ""}} | ||||||
|       <div> |       <div> | ||||||
|       <button type="submit" name="role" value="mime" class="w-full bg-red-700 text-white py-2 px-4 rounded"> |           <button type="submit" name="role" value="mime" class="w-full bg-red-700 text-white py-1 px-2 rounded"> | ||||||
|           Join as Mime |           Join as Mime | ||||||
|         </button> |         </button> | ||||||
|       </div> |       </div> | ||||||
|       {{end}} |       {{end}} | ||||||
| </form> |     </form> | ||||||
|  |   </div> | ||||||
| </div> | </div> | ||||||
| {{end}} | {{end}} | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user
	 Grail Finder
					Grail Finder