feat: 1)add font source 2)add validator in ListItem 3)settings page ui optiminize

This commit is contained in:
Dean-YZG
2024-05-07 15:05:29 +08:00
parent 4e4431339f
commit 240d330001
16 changed files with 77 additions and 19 deletions

View File

@@ -301,7 +301,7 @@ export default forwardRef<ChatInputPanelInstance, ChatInputPanelProps>(
{!isMobileScreen && (
<div className="flex items-center justify-center text-sm gap-3">
<div className="flex-1">&nbsp;</div>
<div className="text-text-chat-input-placeholder text-time line-clamp-1">
<div className="text-text-chat-input-placeholder font-common line-clamp-1">
{Locale.Chat.Input(submitKey)}
</div>
<Btn

View File

@@ -185,7 +185,7 @@ export default function ChatMessagePanel(props: ChatMessagePanelProps) {
}`}
>
<div
className={` pointer-events-none text-text-chat-message-date text-right text-time whitespace-nowrap transition-all duration-500 text-sm absolute z-1 ${
className={` pointer-events-none text-text-chat-message-date text-right font-common whitespace-nowrap transition-all duration-500 text-sm absolute z-1 ${
isUser ? "right-0" : "left-0"
} bottom-[100%] hidden group-hover:block`}
>

View File

@@ -153,6 +153,16 @@ export default function ModelSetting(props: {
title={Locale.Settings.InputTemplate.Title}
subTitle={Locale.Settings.InputTemplate.SubTitle}
nextline={isMobileScreen}
validator={(v: string) => {
if (!v.includes("{{input}}")) {
return {
error: true,
message: Locale.Settings.InputTemplate.Error,
};
}
return { error: false };
}}
>
<Input
type="text"
@@ -160,7 +170,6 @@ export default function ModelSetting(props: {
onChange={(e = "") =>
props.updateConfig((config) => (config.template = e))
}
className="text-center"
></Input>
</ListItem>
</>

View File

@@ -71,15 +71,13 @@ export default MenuLayout(function SettingList(props) {
cursor-pointer
border
rounded-md
bg-chat-menu-session-unselected border-chat-menu-session-unselected
border-transparent
${
selected === i.id && !isMobileScreen
? `!bg-chat-menu-session-selected !border-chat-menu-session-selected !font-medium`
: `hover:bg-chat-menu-session-hovered hover:chat-menu-session-hovered`
: `hover:bg-chat-menu-session-unselected hover:border-chat-menu-session-unselected`
}
hover:border-opacity-100 hover:font-semibold hover:bg-settings-menu-item-selected
flex justify-between items-center
max-md:bg-settings-menu-item-mobile
`}