ui: make inputs focus state clean, single border with no double outlines
This commit is contained in:
@@ -297,7 +297,7 @@ export default function Community() {
|
|||||||
onChange={(e) => setQuestionText(e.target.value)}
|
onChange={(e) => setQuestionText(e.target.value)}
|
||||||
placeholder="What's on your mind? Ask your seniors anything about RIT..."
|
placeholder="What's on your mind? Ask your seniors anything about RIT..."
|
||||||
rows={3}
|
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/10 focus:bg-white bg-slate-50/30 resize-none transition-all mb-3.5"
|
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-0 focus:bg-white bg-slate-50/30 resize-none transition-all mb-3.5"
|
||||||
style={{ fontFamily: 'Inter, sans-serif' }}
|
style={{ fontFamily: 'Inter, sans-serif' }}
|
||||||
/>
|
/>
|
||||||
<input
|
<input
|
||||||
@@ -305,7 +305,7 @@ export default function Community() {
|
|||||||
value={authorName}
|
value={authorName}
|
||||||
onChange={(e) => setAuthorName(e.target.value)}
|
onChange={(e) => setAuthorName(e.target.value)}
|
||||||
placeholder="Your Name (optional)"
|
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/10 focus:bg-white bg-slate-50/30 transition-all mb-4"
|
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-0 focus:bg-white bg-slate-50/30 transition-all mb-4"
|
||||||
style={{ fontFamily: 'Inter, sans-serif' }}
|
style={{ fontFamily: 'Inter, sans-serif' }}
|
||||||
/>
|
/>
|
||||||
<div className="flex items-center justify-between">
|
<div className="flex items-center justify-between">
|
||||||
|
|||||||
Reference in New Issue
Block a user