diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 12 |
1 files changed, 9 insertions, 3 deletions
@@ -7,6 +7,11 @@ <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link + rel="icon" + href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🍺</text></svg>" + /> + + <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" /> @@ -70,7 +75,7 @@ <div id="map"></div> <!-- Bottom bar (it's double wrapped to allow for overflor-y to not effect the controls) --> - <div class="fixed bottom-0 w-full h-72"> + <div class="fixed bottom-0 w-full h-72" id="bottom"> <!-- Controls --> <ul class="absolute right-2 bottom-full flex flex-col gap-2 pb-2" id="#controls"> <li class="p-2 bg-amber-600 rounded-2xl select--rectangle"> @@ -81,8 +86,9 @@ </li> </ul> - <div class="w-full h-full bg-neutral-800 rounded-t-2xl px-5 py-3 flex flex-col overflow-y-auto"> - <div class="h-1 w-20 bg-neutral-200 rounded-full mb-5 mr-auto ml-auto"></div> + <div class="w-full h-full bg-neutral-800 rounded-t-2xl px-5 py-3 flex flex-col overflow-y-auto pt-2"> + <!-- <div class="h-1 w-20 bg-neutral-200 rounded-full mb-5 mr-auto ml-auto"></div> --> + <div class="text-center text-2xl mb-5 cursor-pointer" id="toggle">―</div> <div class="flex items-center mb-5 bg-[#373737] rounded-lg pl-4 has-[input:focus-visible]:outline has-[input:focus-visible]:outline-2 has-[input:focus-visible]:outline-offset-2 has-[input:focus-visible]:outline-amber-100" > |