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

global classes rename

Browse source
This commit is contained in:
aronmal 2023-02-08 19:54:06 +01:00
parent ec3ce1585b
commit 539518883f
Signed by: aronmal
GPG key ID: 816B7707426FC612
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

14
leaky-ships/pages/dev/lobby.tsx
View file

@ -12,7 +12,7 @@ export default function Home() {
if (enemy) return if (enemy) return
const interval = setInterval(() => setDots((e) => (e % 3) + 1), 1000) const interval = setInterval(() => setDots((e) => (e % 3) + 1), 1000)
return () => clearInterval(interval) return () => clearInterval(interval)
}) }, [])
return ( return (
<div id="box"> <div id="box">
@ -31,7 +31,7 @@ export default function Home() {
</button> </button>
<div className="flex flex-row bg-shield-gray bg-[url('/assets/shield.png')] bg-cover bg-no-repeat"> <div className="flex flex-row bg-shield-gray bg-[url('/assets/shield.png')] bg-cover bg-no-repeat">
<div className="flex flex-col items-center justify-between"> <div className="flex flex-col items-center justify-between">
<h1 className="CP_Font my-4 mx-32 border-y-4 border-slate-900 text-center text-6xl leading-tight tracking-widest"> <h1 className="font-checkpoint my-4 mx-32 border-y-4 border-slate-700 text-center text-6xl leading-tight tracking-widest">
Leaky Leaky
<br /> <br />
Ships Ships
@ -41,7 +41,7 @@ export default function Home() {
<div className="mx-32 flex flex-col self-stretch rounded-3xl bg-gray-400"> <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"> <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" text="Chat" />
<h1 className="farro text-5xl font-medium"> <h1 className="font-farro text-5xl font-medium">
Game-PIN: <span className="underline">3169</span> Game-PIN: <span className="underline">3169</span>
</h1> </h1>
<Icon src="gear.png" text="Settings" /> <Icon src="gear.png" text="Settings" />
@ -54,7 +54,7 @@ export default function Home() {
edit={true} edit={true}
/> />
<p <p
className="farro m-4 text-6xl font-semibold" className="font-farro m-4 text-6xl font-semibold"
onClick={() => setEnemy((e) => !e)} onClick={() => setEnemy((e) => !e)}
> >
VS VS
@ -62,13 +62,13 @@ export default function Home() {
{enemy ? ( {enemy ? (
<Player src="player_red.png" text="Spieler 2" /> <Player src="player_red.png" text="Spieler 2" />
) : ( ) : (
<p className="farro m-12 w-64 text-center text-5xl font-medium"> <p className="font-farro m-12 w-64 text-center text-5xl font-medium">
Warte auf Spieler 2 {Array.from(Array(dots), () => ".").join("")} Warte auf Spieler 2 {Array.from(Array(dots), () => ".").join("")}
</p> </p>
)} )}
</div> </div>
<div className="flex items-center justify-center border-t-2 border-slate-900"> <div className="flex items-center justify-center border-t-2 border-slate-900">
<button className="farro m-8 rounded-xl bg-amber-400 px-12 py-4 text-5xl font-medium"> <button className="font-farro m-8 rounded-xl bg-amber-400 px-12 py-4 text-5xl font-medium">
START START
</button> </button>
</div> </div>
@ -104,7 +104,7 @@ function Player({
<div className="m-4 flex flex-col items-center"> <div className="m-4 flex flex-col items-center">
<p <p
className={classNames( className={classNames(
"farro my-8 text-5xl", "font-farro my-8 text-5xl",
primary ? "font-semibold" : "font-normal" primary ? "font-semibold" : "font-normal"
)} )}
> >

4
leaky-ships/styles/globals.css
View file

@ -14,10 +14,10 @@
image-rendering: crisp-edges; image-rendering: crisp-edges;
} }
.farro { .font-farro {
font-family: "Farro", sans-serif; font-family: "Farro", sans-serif;
} }
.CP_Font { .font-checkpoint {
font-family: "CP_Font", sans-serif; font-family: "CP_Font", sans-serif;
} }