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

Format documents (prettier-plugin-tailwindcss)

Browse source
This commit is contained in:
aronmal 2023-05-29 15:53:25 +02:00
parent 1b05d1120b
commit 4fa3b9ae64
Signed by: aronmal
GPG key ID: 816B7707426FC612
7 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
leaky-ships/components/BurgerMenu.tsx
View file

@ -11,7 +11,7 @@ function BurgerMenu({
return (
<button
className={classNames(
"absolute top-4 left-4 flex h-16 w-16 items-center justify-center rounded-lg border-b-2 border-shield-gray bg-grayish shadow-lg duration-100 active:border-t-2 active:border-b-0 md:top-6 md:left-6 md:h-20 md:w-20 md:rounded-xl md:border-b-4 md:active:border-t-4 lg:top-8 lg:left-8 xl:top-12 xl:left-12 xl:h-24 xl:w-24",
"absolute left-4 top-4 flex h-16 w-16 items-center justify-center rounded-lg border-b-2 border-shield-gray bg-grayish shadow-lg duration-100 active:border-b-0 active:border-t-2 md:left-6 md:top-6 md:h-20 md:w-20 md:rounded-xl md:border-b-4 md:active:border-t-4 lg:left-8 lg:top-8 xl:left-12 xl:top-12 xl:h-24 xl:w-24",
{ "blur-sm": blur }
)}
onClick={() => onClick && setTimeout(onClick, 200)}

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

@ -77,7 +77,7 @@ function LobbyFrame({ openSettings }: { openSettings: () => void }) {
</div>
<div className="flex items-center justify-center border-t-2 border-slate-900">
<button
className="font-farro mx-32 my-4 rounded-xl border-b-4 border-red-400 bg-red-500 px-12 py-4 text-5xl font-medium duration-100 active:border-t-4 active:border-b-0"
className="font-farro mx-32 my-4 rounded-xl border-b-4 border-red-400 bg-red-500 px-12 py-4 text-5xl font-medium duration-100 active:border-b-0 active:border-t-4"
onClick={() => {
leave(async () => {
await router.push("/")
@ -87,7 +87,7 @@ function LobbyFrame({ openSettings }: { openSettings: () => void }) {
>
LEAVE
</button>
<button className="font-farro mx-32 my-4 rounded-xl border-b-4 border-orange-400 bg-warn px-12 py-4 text-5xl font-medium duration-100 active:border-t-4 active:border-b-0">
<button className="font-farro mx-32 my-4 rounded-xl border-b-4 border-orange-400 bg-warn px-12 py-4 text-5xl font-medium duration-100 active:border-b-0 active:border-t-4">
START
</button>
</div>

2
leaky-ships/components/Lobby/Player.tsx
View file

@ -29,7 +29,7 @@ function Player({
<div className="relative">
<img className="pixelart w-64" src={"/assets/" + src} alt={src} />
{primary ? (
<button className="absolute top-4 right-4 h-14 w-14 rounded-lg border-2 border-dashed border-warn bg-gray-800 bg-opacity-90">
<button className="absolute right-4 top-4 h-14 w-14 rounded-lg border-2 border-dashed border-warn bg-gray-800 bg-opacity-90">
<FontAwesomeIcon
className="h-full w-full text-warn"
icon={faCaretDown}

4
leaky-ships/components/Lobby/SettingsFrame/Settings.tsx
View file

@ -30,7 +30,7 @@ function Settings({ closeSettings }: { closeSettings: () => void }) {
Settings
</h1>
<button
className="top-6 right-6 ml-auto h-14 w-14"
className="right-6 top-6 ml-auto h-14 w-14"
onClick={closeSettings}
>
<FontAwesomeIcon
@ -43,7 +43,7 @@ function Settings({ closeSettings }: { closeSettings: () => void }) {
<div className="mt-8 rounded-xl bg-zinc-600 p-8">
<div className="flex items-center justify-end">
<button
className="top-8 right-12 h-14 w-14"
className="right-12 top-8 h-14 w-14"
onClick={() => {
const payload = {
allowSpectators: true,

4
leaky-ships/components/OptionButton.tsx
View file

@ -21,8 +21,8 @@ function OptionButton({
className={classNames(
"flex w-full flex-row items-center justify-between rounded-xl py-2 pl-8 pr-4 text-lg text-grayish duration-100 first:mt-4 last:mt-4 sm:py-4 sm:pl-16 sm:pr-8 sm:text-4xl sm:first:mt-8 sm:last:mt-8",
!disabled
? "bg-voidDark border-shield-gray border-b-4 active:border-b-0 active:border-t-4"
: "bg-red-950 border-slate-600 border-4 border-dashed"
? "border-b-4 border-shield-gray bg-voidDark active:border-b-0 active:border-t-4"
: "border-4 border-dashed border-slate-600 bg-red-950"
)}
onClick={() => action && setTimeout(action, 200)}
disabled={disabled}

2
leaky-ships/pages/login.tsx
View file

@ -81,7 +81,7 @@ function Login() {
return (
<>
<div className="flex flex-col items-center rounded-3xl bg-slate-800/50 py-8 px-16 shadow-lg drop-shadow-md">
<div className="flex flex-col items-center rounded-3xl bg-slate-800/50 px-16 py-8 shadow-lg drop-shadow-md">
<FontAwesomeIcon
className={classNames("text-6xl", iconClasses[state])}
icon={icons[state]}

2
leaky-ships/pages/logout.tsx
View file

@ -26,7 +26,7 @@ function Logout() {
<span className="text-gray-300">Logging out...</span>
</div>
<FontAwesomeIcon
className="my-16 mx-24 animate-spin text-6xl"
className="mx-24 my-16 animate-spin text-6xl"
icon={faSpinnerThird}
/>
</div>