trent_larson/kickstarter-for-time
6
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added search button + position and padding fixes

Browse Source
This commit is contained in:
Jose Olarte III
2022-10-31 21:01:19 +08:00
parent e2fe0e0f20
commit 71dc0fe86c
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
search.html
View File

@@ -15,7 +15,7 @@
<body>
<!-- QUICK NAV -->
<nav id="QuickNav" class="absolute bottom-0 left-0 right-0 bg-slate-200">
<nav id="QuickNav" class="fixed bottom-0 left-0 right-0 bg-slate-200">
<ul class="flex text-2xl p-2 gap-2">
<li class="basis-1/5 rounded-md text-slate-500"><a href="" class="block text-center py-3 px-1"><i class="fa-solid fa-house-chimney"></i></a></li>
<li class="basis-1/5 rounded-md bg-slate-400 text-white"><a href="" class="block text-center py-3 px-1"><i class="fa-solid fa-magnifying-glass"></i></a></li>
@@ -26,13 +26,14 @@
</nav>
<!-- CONTENT -->
<section id="Content" class="p-6">
<section id="Content" class="p-6 pb-24">
<!-- Heading -->
<h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-8">Discover</h1>
<!-- Quick Search -->
<form id="QuickSearch" class="mb-4">
<input type="text" placeholder="Search…" class="block w-full rounded border-slate-400" />
<form id="QuickSearch" class="mb-4 flex">
<input type="text" placeholder="Search…" class="block w-full rounded-l border-r-0 border-slate-400" />
<button class="px-4 rounded-r bg-slate-200 border border-l-0 border-slate-400"><i class="fa-solid fa-magnifying-glass"></i></button>
</form>
<!-- Result Tabs -->