diff --git a/src/index.css b/src/index.css index 74c3655..dc0e58c 100644 --- a/src/index.css +++ b/src/index.css @@ -294,3 +294,17 @@ h1, h2, h3, h4, h5, h6 { align-self: flex-start; border: 1px solid #E5E7EB; } + +/* Verified card style input focus state */ +.verified-focus-input { + transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; + background-color: #FFFFFF; + border: 1.5px solid #E5E7EB !important; +} + +.verified-focus-input:focus { + outline: none !important; + border-color: #F97316 !important; + background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFF7ED 100%) !important; + box-shadow: none !important; +} diff --git a/src/pages/Community/Community.tsx b/src/pages/Community/Community.tsx index f6361a7..b5ad697 100644 --- a/src/pages/Community/Community.tsx +++ b/src/pages/Community/Community.tsx @@ -297,7 +297,7 @@ export default function Community() { onChange={(e) => setQuestionText(e.target.value)} placeholder="What's on your mind? Ask your seniors anything about RIT..." rows={3} - className="w-full border border-[#E5E7EB] rounded-2xl p-3.5 text-[13px] text-slate-800 placeholder-slate-400 focus:outline-none focus:border-[#F97316] focus:ring-4 focus:ring-orange-500/[0.12] focus:bg-orange-500/[0.02] bg-slate-50/30 resize-none transition-all duration-250 ease-in-out mb-3.5" + className="w-full verified-focus-input rounded-2xl p-3.5 text-[13px] text-slate-800 placeholder-slate-400 resize-none mb-3.5" style={{ fontFamily: 'Inter, sans-serif' }} /> setAuthorName(e.target.value)} placeholder="Your Name (optional)" - className="w-full md:w-64 border border-[#E5E7EB] rounded-2xl px-4 py-2.5 text-[13px] text-slate-800 placeholder-slate-400 focus:outline-none focus:border-[#F97316] focus:ring-4 focus:ring-orange-500/[0.12] focus:bg-orange-500/[0.02] bg-slate-50/30 transition-all duration-250 ease-in-out mb-4" + className="w-full md:w-64 verified-focus-input rounded-2xl px-4 py-2.5 text-[13px] text-slate-800 placeholder-slate-400 mb-4" style={{ fontFamily: 'Inter, sans-serif' }} />