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

Burgermenu with tailwindcss

Browse source
This commit is contained in:
aronmal 2023-02-08 17:36:29 +01:00
parent 366f67351e
commit ec3ce1585b
Signed by: aronmal
GPG key ID: 816B7707426FC612
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -22,8 +22,12 @@ export default function Home() {
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/favicon.ico" />
</Head>
<button id="navExpand">
<img id="burgerMenu" src="/assets/burger-menu.png" alt="Burger Menu" />
<button className="absolute top-16 left-16 flex h-24 w-24 items-center justify-center rounded-lg bg-grayish">
<img
className="pixelart h-20 w-20"
src="/assets/burger-menu.png"
alt="Burger Menu"
/>
</button>
<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">