Improve search look

This commit is contained in:
2025-10-17 22:45:16 +13:00
parent 4408a09e82
commit 86c3f9b808
4 changed files with 8 additions and 4 deletions

View File

@ -6,7 +6,7 @@
<section>
<div
class="hero min-h-screen w-full mx-auto"
>
style="background-image: url('{% static "/images/hero.jpg" %}'); background-size: cover; background-position: center;">
<div class="hero-content flex-col lg:flex-row-reverse w-full">
<div class="card bg-base-100 shrink-0 shadow-2xl p-8 w-1/2">
@ -45,8 +45,11 @@
<input type="text" id="index-form-text-input" placeholder="cannonical SMILES string" class="input grow input-lg join-item" />
<button class="btn btn-lg bg-primary-950 text-primary-50 join-item">Predict!</button>
</div>
<span class="label"><a href="#"> Example 1</a><a href="#"> Example 2</a></span>
<span class="label justify-self-end"><a href="#"> Advanced </a></span>
<div class="label flex flex-row gap-2 w-full mt-1" >
<a href="#">Example 1</a>
<a href="#">Example 2</a>
<a class="ml-auto w-[9em]" href="#">Advanced </a> <!-- TODO: positioning a bit sloppy. Better reference button? -->
</div>
<input type="hidden" id="index-form-smiles" name="smiles" value="smiles">
<input type="hidden" id="index-form-predict" name="predict" value="predict">
<input type="hidden" id="current-action" value="predict">