💄 Fix CSS overflow issues

This commit is contained in:
Brian Wiborg 2024-05-24 21:37:04 +02:00
parent cdccce89aa
commit 1c9937197f
No known key found for this signature in database
GPG Key ID: BE53FA9286B719D6

View File

@ -1,7 +1,7 @@
{{ define "voting" }}
{{ template "head" . }}
<div class="flex flex-col justify-center align-center items-center h-screen bg-slate-900 p-2">
<div class="w-full md:w-3/4 lg:w-1/2 xl:w-1/3 border rounded-lg p-2 sm:p-6 md:p-8 bg-slate-800 border-purple-900 text-white">
<div class="w-full md:w-3/4 lg:w-1/2 xl:w-1/3 border rounded-lg p-2 sm:p-6 md:p-8 bg-slate-800 border-purple-900 text-white overflow-auto max-h-420">
<div class="relative sm:rounded-lg">
<h1 class="text-center text-4xl text-white pb-2">
{{ .Voting.Referendum }}
@ -88,7 +88,7 @@
{{ end }}
{{ define "voting_result" }}
<table class="w-full text-sm text-left rtl:text-right text-gray-400 text-center mt-4">
<table class="w-full text-sm text-left rtl:text-right text-gray-400 text-center mt-4 shadow-xl overflow-x-auto">
<tbody>
<tr class="border-b border-t bg-gray-800 border-gray-700">
<td class="px-6 py-4 text-4xl bold text-green-700">
@ -105,11 +105,11 @@
</table>
{{ if and .Voting.Result.Quorum .Voting.Result.Threshold }}
<p class="text-4xl bold text-center p-4 text-green-700 tracking-widest">
<p class="text-4xl bold text-center p-4 text-green-700 tracking-widest drop-shadow-xl">
ACCEPTED
</p>
{{ else }}
<p class="text-4xl bold text-center p-4 text-red-800 tracking-widest">
<p class="text-4xl bold text-center p-4 text-red-800 tracking-widest drop-shadow-xl">
REJECTED
</p>
{{ end }}
@ -130,13 +130,13 @@
<tbody>
{{ range $vote := .Voting.Votes }}
<tr class="border-b border-t bg-gray-800 border-gray-700" id="$vote.Id">
<td class="px-2 py-2">
<td class="px-2 py-1">
{{ $vote.Choice }}
</td>
<td class="px-2 py-2 semibold">
<td class="px-2 py-1 semibold">
{{ $vote.Elector }}
</td>
<td class="px-2 py-2">
<td class="px-2 py-1">
{{ $vote.Id }}
</td>
</tr>