feat(app): make minor UI changes

This commit is contained in:
ItzCrazyKns
2025-10-19 13:55:00 +05:30
parent 836cfb80c8
commit e471cb5da1
2 changed files with 3 additions and 3 deletions

View File

@@ -109,7 +109,7 @@ const ModelSelector = () => {
placeholder="Search models..." placeholder="Search models..."
value={searchQuery} value={searchQuery}
onChange={(e) => setSearchQuery(e.target.value)} onChange={(e) => setSearchQuery(e.target.value)}
className="w-full pl-9 pr-3 py-2 bg-light-secondary dark:bg-dark-secondary rounded-lg text-sm text-black dark:text-white placeholder:text-black/40 dark:placeholder:text-white/40 focus:outline-none focus:ring-2 focus:ring-sky-500/20 border border-transparent focus:border-sky-500/30 transition duration-200" className="w-full pl-9 pr-3 py-2 bg-light-secondary dark:bg-dark-secondary rounded-lg text-xs text-black dark:text-white placeholder:text-black/40 dark:placeholder:text-white/40 focus:outline-none focus:ring-2 focus:ring-sky-500/20 border border-transparent focus:border-sky-500/30 transition duration-200"
/> />
</div> </div>
</div> </div>

View File

@@ -96,9 +96,9 @@ const AddProvider = ({
<> <>
<button <button
onClick={() => setOpen(true)} onClick={() => setOpen(true)}
className="px-4 py-2 rounded-lg text-sm border border-light-200 dark:border-dark-200 text-black dark:text-white bg-light-secondary/50 dark:bg-dark-secondary/50 hover:bg-light-secondary hover:dark:bg-dark-secondary hover:border-light-300 hover:dark:border-dark-300 flex flex-row items-center space-x-1 active:scale-95 transition duration-200" className="px-3 md:px-4 py-1.5 md:py-2 rounded-lg text-xs sm:text-sm border border-light-200 dark:border-dark-200 text-black dark:text-white bg-light-secondary/50 dark:bg-dark-secondary/50 hover:bg-light-secondary hover:dark:bg-dark-secondary hover:border-light-300 hover:dark:border-dark-300 flex flex-row items-center space-x-1 active:scale-95 transition duration-200"
> >
<Plus size={16} /> <Plus className="w-3.5 h-3.5 md:w-4 md:h-4" />
<span>Add Provider</span> <span>Add Provider</span>
</button> </button>
<AnimatePresence> <AnimatePresence>