From 1daa1ee1c00e44ec7b4bfbd31d1fc3692c3c431a Mon Sep 17 00:00:00 2001 From: David Cramer Date: Sat, 20 May 2023 14:09:41 -0700 Subject: [PATCH 1/2] Minor cleanup on form UI --- apps/web/src/components/appHeader.tsx | 2 +- apps/web/src/components/searchHeader.tsx | 2 +- apps/web/src/components/textArea.tsx | 2 +- apps/web/src/components/textInput.tsx | 2 +- apps/web/src/routes/addTasting.tsx | 4 ++-- 5 files changed, 6 insertions(+), 6 deletions(-) diff --git a/apps/web/src/components/appHeader.tsx b/apps/web/src/components/appHeader.tsx index 68c296bf..55e474f7 100644 --- a/apps/web/src/components/appHeader.tsx +++ b/apps/web/src/components/appHeader.tsx @@ -46,7 +46,7 @@ export default function AppHeader() { onChange={(e) => setQuery(e.target.value)} placeholder="Search for anything" autoComplete="off" - className="w-full transform rounded bg-slate-900 px-2 py-1.5 text-white placeholder:text-slate-600 focus:outline focus:outline-slate-700 sm:px-3 sm:py-2" + className="w-full transform rounded bg-slate-900 px-2 py-1.5 text-white placeholder:text-slate-500 focus:outline focus:outline-slate-700 sm:px-3 sm:py-2" /> {user && ( diff --git a/apps/web/src/components/searchHeader.tsx b/apps/web/src/components/searchHeader.tsx index cc0439ab..679a846c 100644 --- a/apps/web/src/components/searchHeader.tsx +++ b/apps/web/src/components/searchHeader.tsx @@ -55,7 +55,7 @@ export default function SearchHeader({ setValue(e.target.value); if (onChange) onChange(e.target.value); }} - className="w-full transform rounded bg-slate-900 px-2 py-1.5 text-white placeholder:text-slate-700 focus:outline focus:outline-slate-700 sm:px-3 sm:py-2" + className="w-full transform rounded bg-slate-900 px-2 py-1.5 text-white placeholder:text-slate-500 focus:outline focus:outline-slate-700 sm:px-3 sm:py-2" /> {onDone && ( diff --git a/apps/web/src/components/textArea.tsx b/apps/web/src/components/textArea.tsx index ac3fc42a..c1c53aab 100644 --- a/apps/web/src/components/textArea.tsx +++ b/apps/web/src/components/textArea.tsx @@ -5,7 +5,7 @@ export default forwardRef< React.ComponentPropsWithoutRef<"textarea"> >((props, ref) => { const baseStyles = "bg-inherit rounded border-0 focus:ring-0"; - const inputStyles = "placeholder:text-slate-700 sm:leading-6"; + const inputStyles = "placeholder:text-slate-500 sm:leading-6"; return (