diff --git a/index.html b/index.html index 916f3f6..5caebd7 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ - + diff --git a/public/favicon.ico b/public/favicon.ico new file mode 100644 index 0000000..68cf288 Binary files /dev/null and b/public/favicon.ico differ diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000..4aad6c5 Binary files /dev/null and b/public/favicon.png differ diff --git a/src/components/ai-assistant/PromptInput.jsx b/src/components/ai-assistant/PromptInput.jsx index daff402..3f006a3 100644 --- a/src/components/ai-assistant/PromptInput.jsx +++ b/src/components/ai-assistant/PromptInput.jsx @@ -21,6 +21,7 @@ export function PromptInput({ busy = false, placeholders = ['Ask anything…'], autoFocus = false, + align = 'left', className, }) { const textareaRef = React.useRef(null); @@ -75,11 +76,13 @@ export function PromptInput({ } }; + const isCenter = align === 'center'; + return (
{ e.preventDefault(); submit(); }} className={cn( - 'relative flex items-end gap-2 rounded-2xl border bg-surface transition-all duration-base ease-out', + 'relative flex items-center gap-2 rounded-2xl border bg-surface transition-all duration-base ease-out', 'px-3 py-2', focused ? 'border-krow-blue/50 shadow-[0_8px_28px_-8px_rgba(10,57,223,0.28)] ring-2 ring-krow-blue/15' @@ -102,7 +105,8 @@ export function PromptInput({ className={cn( 'block w-full resize-none bg-transparent leading-relaxed text-ink-1', 'no-scrollbar outline-none disabled:cursor-wait disabled:text-ink-3', - 'py-0.5 text-body-sm' + 'py-0.5 text-body-sm', + isCenter ? 'text-center' : 'text-left' )} /> @@ -114,6 +118,7 @@ export function PromptInput({ className={cn( 'pointer-events-none absolute inset-0 truncate text-ink-4 transition-opacity duration-base', 'py-0.5 text-body-sm', + isCenter ? 'text-center' : 'text-left', fading ? 'opacity-0' : 'opacity-100' )} > diff --git a/src/layouts/Layout.jsx b/src/layouts/Layout.jsx index 469fa5e..c7c3285 100644 --- a/src/layouts/Layout.jsx +++ b/src/layouts/Layout.jsx @@ -122,7 +122,7 @@ export default function Layout() {
{/* Brand */}