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

Mobile sizeed start screen

Browse source
This commit is contained in:
aronmal 2023-02-11 20:30:55 +01:00
parent 3c6acb5597
commit b486ab99c2
Signed by: aronmal
GPG key ID: 816B7707426FC612
3 changed files with 17 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

14
leaky-ships/components/Logo.tsx
View file

@ -3,8 +3,8 @@ import React from "react"
function Logo() {
return (
<div className="relative flex items-center rounded-sm border-x-8 border-y-4 border-shield-gray bg-shield-lightgray">
<h1 className="font-checkpoint my-4 mx-36 border-y-4 border-slate-700 text-center text-6xl leading-tight tracking-widest">
<div className="relative flex items-center rounded-sm border-x-4 border-y-2 border-shield-gray bg-shield-lightgray">
<h1 className="font-checkpoint mx-16 my-2 border-y-2 border-slate-700 text-center text-2xl leading-tight tracking-widest">
Leaky
<br />
Ships
@ -17,10 +17,10 @@ function Logo() {
function Screws() {
return (
<>
<Screw orientation="top-3 left-3" rotation="rotate-[135deg]" />
<Screw orientation="top-3 right-3" rotation="rotate-[5deg]" />
<Screw orientation="bottom-3 right-3" rotation="rotate-[150deg]" />
<Screw orientation="bottom-3 left-3" rotation="rotate-[20deg]" />
<Screw orientation="top-1 left-1" rotation="rotate-[135deg]" />
<Screw orientation="top-1 right-1" rotation="rotate-[5deg]" />
<Screw orientation="bottom-1 right-1" rotation="rotate-[150deg]" />
<Screw orientation="bottom-1 left-1" rotation="rotate-[20deg]" />
</>
)
}
@ -35,7 +35,7 @@ function Screw({
return (
<div
className={classNames(
"absolute flex h-6 w-6 flex-col items-center justify-center rounded-full border-[1px] border-neutral-700 bg-neutral-400",
"absolute flex h-3 w-3 flex-col items-center justify-center rounded-full border-[1px] border-neutral-700 bg-neutral-400",
orientation
)}
>