Metrik/quotes
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Add placeholder for search

Browse source
This commit is contained in:
Marsn3 2025-02-15 06:51:13 +01:00
parent 22976ccc7a
commit 9a326a44ab
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/QuoteList.tsx
View file

@ -44,15 +44,20 @@ export default function QuoteList() {
return (
//TODO: Add Quote source selection
<div className='p-3 pt-0'>
<div className='border-2 bg-slate-800 ml-2 mb-5 p-2 border-lime-500 shadow-(--box)'>
<div className='border-2 bg-slate-800 ml-2 mb-5 p-2 border-lime-500 shadow-(--box) flex flex-row'>
<select
className='border-r-2 pr-10 border-lime-500'
className='pr-10 bg-slate-700'
value={collection as string}
onChange={e => setCollection(e.target.value as Collections)}>
<option value="qt_bit">Arcus Notsus</option>
<option value="qt_kfk">Kaffeeklatsch</option>
<option value="qt_theshegays">TheSheGays</option>
</select>
<p className='text-lime-500'>|</p>
<div className='pl-2'>
<input placeholder='Search...' className='placeholder:text-slate-400 bg-slate-700' />
</div>
<p className='text-lime-500'>|</p>
</div>
{loading ? (<p> Loading...</p >) : (
//TODO: Replace div with styled QuoteInfo component