mark/muzak
2
0
Fork 0
Code Issues Pull Requests Activity

update vote boxes

Browse Source
This commit is contained in:
Guus
2025-08-19 00:29:17 +02:00
parent 1d50bc3839
commit 5b0ef233c4
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/lobby/page.tsx
+10 -8
View File
@@ -296,8 +296,8 @@ export default function Lobby() {
</div> </div>
<div className="flex flex-col items-center justify-center"> <div className="flex flex-col items-center justify-center">
<div className="flex flex-row items-center justify-center gap-x-32"> <div className="flex flex-row items-center justify-center gap-x-36">
<div className="grid min-w-52 grid-flow-row grid-cols-3 items-start justify-start gap-4 rounded bg-blue-950/80 p-4"> <div className="grid min-h-[516px] min-w-[516px] grid-flow-row grid-cols-3 place-items-center items-start justify-center gap-4 rounded bg-blue-950/80 px-4 pt-10">
{noList.map((user) => ( {noList.map((user) => (
<div <div
key={user.id} key={user.id}
@@ -306,8 +306,8 @@ export default function Lobby() {
<img <img
src={user.avatar} src={user.avatar}
alt={user.name} alt={user.name}
width={75} width={100}
height={75} height={100}
/> />
<div className="mt-1 min-w-[90px] rounded-3xl px-3 text-center text-3xl font-semibold text-white"> <div className="mt-1 min-w-[90px] rounded-3xl px-3 text-center text-3xl font-semibold text-white">
{user.name} {user.name}
@@ -334,7 +334,7 @@ export default function Lobby() {
/> />
</div> </div>
)} )}
<div className="grid min-w-52 grid-flow-row grid-cols-3 items-start justify-start gap-4 rounded bg-blue-950/80 p-4"> <div className="grid min-h-[516px] min-w-[516px] grid-flow-row grid-cols-3 place-items-center items-start justify-center gap-4 rounded bg-blue-950/80 px-4 pt-10">
{yesList.map((user) => ( {yesList.map((user) => (
<div <div
key={user.id} key={user.id}
@@ -343,8 +343,8 @@ export default function Lobby() {
<img <img
src={user.avatar} src={user.avatar}
alt={user.name} alt={user.name}
width={75} width={100}
height={75} height={100}
/> />
<div className="mt-1 min-w-[90px] rounded-3xl px-3 text-center text-3xl font-semibold text-white"> <div className="mt-1 min-w-[90px] rounded-3xl px-3 text-center text-3xl font-semibold text-white">
{user.name} {user.name}
@@ -382,7 +382,9 @@ export default function Lobby() {
)} )}
</div> </div>
<div className="flex flex-row items-start justify-start gap-10 rounded bg-blue-950/80 p-4"> <div
className={`flex min-h-33 min-w-1 flex-row items-start justify-start gap-10 rounded p-4 ${userList.some((u) => !u.hidden) ? "bg-blue-950/80" : "bg-transparent p-0"} `}
>
{userList.map((user) => ( {userList.map((user) => (
<div <div
key={user.id} key={user.id}