style: update prompt input box to be less rounded and have no shadow

This commit is contained in:
tusharmagar 2026-02-09 21:56:51 +05:30
parent 464f257271
commit 0dfa48285f
4 changed files with 4 additions and 4 deletions

View file

@ -360,7 +360,7 @@ function ChatInputInner({
}, [controller])
return (
<div className="flex items-center gap-2 bg-background border border-border rounded-3xl shadow-xl px-4 py-2.5">
<div className="flex items-center gap-2 bg-background border border-border rounded-lg shadow-none px-4 py-4">
<PromptInputTextarea
placeholder="Type your message..."
onKeyDown={handleKeyDown}

View file

@ -32,7 +32,7 @@ export function ChatInputBar({ onSubmit, onOpen }: ChatInputBarProps) {
return (
<div className="fixed bottom-6 right-6 z-50">
<div className="flex items-center gap-2 bg-background border border-border rounded-full shadow-xl px-4 py-2.5 w-80">
<div className="flex items-center gap-2 bg-background border border-border rounded-lg shadow-none px-4 py-2.5 w-80">
<input
type="text"
value={message}

View file

@ -574,7 +574,7 @@ export function ChatSidebar({
className="mb-3"
/>
)}
<div className="flex items-center gap-2 bg-background border border-border rounded-3xl shadow-xl px-4 py-2.5">
<div className="flex items-center gap-2 bg-background border border-border rounded-lg shadow-none px-4 py-2.5">
<div className="relative flex-1 min-w-0">
{mentionHighlights.hasHighlights && (
<div

View file

@ -14,7 +14,7 @@ function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
data-slot="input-group"
role="group"
className={cn(
"group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none",
"group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-sm border shadow-none transition-[color,box-shadow] outline-none",
"h-9 min-w-0 has-[>textarea]:h-auto",
// Variants based on alignment.