aronmal/leaky-ships
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Homepage tailwindcss rework

Browse source
This commit is contained in:
aronmal 2023-02-11 13:34:50 +01:00
parent a15da1bf7a
commit 44e3b58cb4
Signed by: aronmal
GPG key ID: 816B7707426FC612
7 changed files with 70 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

12
leaky-ships/components/Lobby/LobbyFrame.tsx
View file

@ -1,5 +1,5 @@
import { useEffect, useState } from "react"
import Settings from "../SettingsFrame/Settings"
import Settings from "./SettingsFrame/Settings"
import Icon from "./Icon"
import Player from "./Player"
@ -17,15 +17,13 @@ function LobbyFrame() {
return (
<div className="mx-32 flex flex-col self-stretch rounded-3xl bg-gray-400">
<div className="flex items-center justify-between border-b-2 border-slate-900">
<Icon src="speech_bubble.png" text="Chat" />
<Icon src="speech_bubble.png">Chat</Icon>
<h1 className="font-farro text-5xl font-medium">
Game-PIN: <span className="underline">3169</span>
</h1>
<Icon
src="gear.png"
text="Settings"
onClick={() => setSettings(true)}
/>
<Icon src="gear.png" onClick={() => setSettings(true)}>
Settings
</Icon>
</div>
<div className="flex items-center justify-around">
<Player