feat(i18n): 优化国际化文案并调整 UI 样式
- 修改系统重置文案为清除最近对话 - 优化历史记录列表样式,增加截断显示 - 调整卡片阴影样式 - 在头部增加收藏、分享和消息的 Tooltip 提示
This commit is contained in:
parent
50af75d347
commit
a9d1f1a94f
@ -88,7 +88,7 @@
|
||||
"system": {
|
||||
"heading": "系统设置",
|
||||
"deleteChatHistory": {
|
||||
"label": "系统重置",
|
||||
"label": "清除最近对话",
|
||||
"button": "全部重置",
|
||||
"confirm": "您确定要执行系统重置吗?这将清除所有数据且无法撤消。"
|
||||
},
|
||||
|
@ -73,11 +73,11 @@ export const PlaygroundHistory = () => {
|
||||
return {
|
||||
key: item.id,
|
||||
label: (
|
||||
<div className="flex items-center gap-2">
|
||||
<div className="flex items-center gap-2 truncate w-full">
|
||||
<p className="w-5 h-5 [&_.ant-avatar]:!w-full [&_.ant-avatar]:!h-full [&_.ant-avatar]:relative [&_.ant-avatar]:-top-3">
|
||||
{item.icon}
|
||||
</p>
|
||||
<span title={item.title}>{item.title}</span>
|
||||
<span className="flex-1 truncate" title={item.title}>{item.title}</span>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
@ -350,7 +350,7 @@ export const PlaygroundIodRelevant: React.FC<Props> = ({ className }) => {
|
||||
<Card
|
||||
hoverable
|
||||
variant="outlined"
|
||||
className={`${className} translate-y-[-2px] !bg-[#d0e6ff] !shadow-md`}>
|
||||
className={`${className} translate-y-[-2px] !bg-[#d0e6ff] shadow-md`}>
|
||||
<div className="h-full flex flex-col relative">
|
||||
{/* 花瓣效果 */}
|
||||
<div
|
||||
|
@ -118,28 +118,35 @@ export const Header: React.FC<Props> = ({ setOpenModelSettings }) => {
|
||||
</div>
|
||||
{/*设置框*/}
|
||||
<div className="flex items-center gap-1 ml-auto pr-5">
|
||||
{collect ? (
|
||||
<Button color="default" variant="text" className="!px-[5px]" onClick={() => setCollect(false)}>
|
||||
<CollectIcon
|
||||
className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer"
|
||||
/>
|
||||
<Tooltip title="收藏">
|
||||
{collect ? (
|
||||
<Button
|
||||
color="default"
|
||||
variant="text"
|
||||
className="!px-[5px]"
|
||||
onClick={() => setCollect(false)}>
|
||||
<CollectIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
|
||||
</Button>
|
||||
|
||||
) : (
|
||||
<Button color="default" variant="text" className="!px-[5px]" onClick={() => setCollect(true)}>
|
||||
<NotCollectIcon
|
||||
className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer"
|
||||
/>
|
||||
) : (
|
||||
<Button
|
||||
color="default"
|
||||
variant="text"
|
||||
className="!px-[5px]"
|
||||
onClick={() => setCollect(true)}>
|
||||
<NotCollectIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
|
||||
</Button>
|
||||
)}
|
||||
</Tooltip>
|
||||
<Tooltip title="分享">
|
||||
<Button color="default" variant="text" className="!px-[5px]">
|
||||
<ShareIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
|
||||
</Button>
|
||||
|
||||
)}
|
||||
<Button color="default" variant="text" className="!px-[5px]">
|
||||
<ShareIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
|
||||
</Button>
|
||||
|
||||
<Button color="default" variant="text" className="!px-[5px]">
|
||||
<BellIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
|
||||
</Button>
|
||||
</Tooltip>
|
||||
<Tooltip title="消息">
|
||||
<Button color="default" variant="text" className="!px-[5px]">
|
||||
<BellIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
|
||||
</Button>
|
||||
</Tooltip>
|
||||
|
||||
<Tooltip title={t("settings")}>
|
||||
<NavLink to="/settings">
|
||||
|
@ -111,7 +111,7 @@ const PlaygroundContent = () => {
|
||||
className="h-full grid grid-rows-12 gap-3">
|
||||
<div className="w-full row-span-5">
|
||||
<PlaygroundIodRelevant
|
||||
className={classNames.replace("!bg-[rgba(240,245,255,0.3)]", "")}
|
||||
className={classNames.replace("!bg-[rgba(240,245,255,0.3)]", "").replace("shadow-xl", "")}
|
||||
/>
|
||||
</div>
|
||||
<div className="w-full row-span-4 grid grid-cols-2 gap-3 custom-scrollbar">
|
||||
|
Loading…
x
Reference in New Issue
Block a user