From 9a326a44ab88779747160df52c06872cd6bcdddb Mon Sep 17 00:00:00 2001
From: Marsn3 <mars@mniermann.de>
Date: Sat, 15 Feb 2025 06:51:13 +0100
Subject: [PATCH] Add placeholder for search

---
 src/QuoteList.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/QuoteList.tsx b/src/QuoteList.tsx
index cad5a86..e823850 100644
--- a/src/QuoteList.tsx
+++ b/src/QuoteList.tsx
@@ -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