diff --git a/front/components/assistant/conversation/ConversationTitle.tsx b/front/components/assistant/conversation/ConversationTitle.tsx index 724d9dd6a71c..1b57022726b9 100644 --- a/front/components/assistant/conversation/ConversationTitle.tsx +++ b/front/components/assistant/conversation/ConversationTitle.tsx @@ -120,7 +120,7 @@ export function ConversationTitle({ )} {isEditingTitle ? ( -
+
) => { e.preventDefault(); diff --git a/front/components/sparkle/AppLayout.tsx b/front/components/sparkle/AppLayout.tsx index 5f8fe01026c5..915a60eac836 100644 --- a/front/components/sparkle/AppLayout.tsx +++ b/front/components/sparkle/AppLayout.tsx @@ -333,7 +333,7 @@ export default function AppLayout({ className={classNames( "fixed left-0 right-0 top-0 z-30 flex h-16 flex-row pl-12 lg:pl-0", !hideSidebar ? "lg:left-80" : "", - "border-b border-structure-100 bg-white/30 backdrop-blur-md", + "s-border-b s-border-structure-300/30 s-bg-white/90 s-px-4 s-backdrop-blur-xl", titleChildren ? "fixed" : "lg:hidden" )} > diff --git a/sparkle/src/components/Input.tsx b/sparkle/src/components/Input.tsx index 0343dcdbdfe4..076b849fcedd 100644 --- a/sparkle/src/components/Input.tsx +++ b/sparkle/src/components/Input.tsx @@ -2,52 +2,42 @@ import React from "react"; import { classNames } from "@sparkle/lib/utils"; -export function Input({ - placeholder, - value, - onChange, - error, - showErrorLabel = false, - name, - isPassword = false, - disabled = false, - className = "", -}: { +interface InputProps extends React.InputHTMLAttributes { placeholder: string; - value: string | null; - onChange?: (value: string) => void; error?: string | null; showErrorLabel?: boolean; - name: string; isPassword?: boolean; - disabled?: boolean; className?: string; -}) { +} + +export const Input: React.FC = ({ + placeholder, + error, + showErrorLabel = false, + isPassword = false, + className = "", + ...props +}) => { return ( -
+
{ - onChange?.(e.target.value); - }} data-1p-ignore={!isPassword} - disabled={disabled} + {...props} />
{showErrorLabel && error ? error : null}
); -} +}; diff --git a/sparkle/src/stories/BarHeader.stories.tsx b/sparkle/src/stories/BarHeader.stories.tsx index af3b44cc2189..2e8269ef716c 100644 --- a/sparkle/src/stories/BarHeader.stories.tsx +++ b/sparkle/src/stories/BarHeader.stories.tsx @@ -3,7 +3,7 @@ import React from "react"; import { ChatBubbleBottomCenterText } from "@sparkle/icons/solid"; -import { Avatar, BarHeader, PageHeader } from "../index_with_tw_base"; +import { BarHeader, PageHeader } from "../index_with_tw_base"; const meta = { title: "Molecule/BarHeader", @@ -23,7 +23,7 @@ export const BasicBarHeaderValidate = () => { const [isSaving, setIsSaving] = React.useState(false); return ( -
+
{ /> } /> -
+
- - - - + + + +
@@ -62,10 +62,10 @@ export const BasicBarHeaderValidateSaveDisabled = () => (
- - - - + + + +
@@ -80,10 +80,10 @@ export const BasicBarHeaderBack = () => (
- - - - + + + +
@@ -98,10 +98,10 @@ export const BasicBarHeaderClose = () => (
- - - - + + + +
@@ -116,10 +116,10 @@ export const BasicBarHeaderConversation = () => (
- - - - + + + +