apunkt/rowboat
1
0
Fork 0
mirror of https://github.com/rowboatlabs/rowboat.git synced 2026-07-21 21:31:12 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
apps/x/apps/renderer/src/App.tsx
View file

@ -360,7 +360,7 @@ function ChatInputInner({
}, [controller]) }, [controller])
return ( 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 <PromptInputTextarea
placeholder="Type your message..." placeholder="Type your message..."
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}

2
apps/x/apps/renderer/src/components/chat-button.tsx
View file

@ -32,7 +32,7 @@ export function ChatInputBar({ onSubmit, onOpen }: ChatInputBarProps) {
return ( return (
<div className="fixed bottom-6 right-6 z-50"> <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 <input
type="text" type="text"
value={message} value={message}

2
apps/x/apps/renderer/src/components/chat-sidebar.tsx
View file

@ -574,7 +574,7 @@ export function ChatSidebar({
className="mb-3" 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"> <div className="relative flex-1 min-w-0">
{mentionHighlights.hasHighlights && ( {mentionHighlights.hasHighlights && (
<div <div

2
apps/x/apps/renderer/src/components/ui/input-group.tsx
View file

@ -14,7 +14,7 @@ function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
data-slot="input-group" data-slot="input-group"
role="group" role="group"
className={cn( 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", "h-9 min-w-0 has-[>textarea]:h-auto",
// Variants based on alignment. // Variants based on alignment.