Skip to content

Commit

Permalink
style:暗黑补全，switch导致滚动条闪烁
Browse files Browse the repository at this point in the history
  • Loading branch information
@QwQ-wuwuwu
QwQ-wuwuwu committed Jul 9, 2024
1 parent e793b30 commit d4e7761
Show file tree
Hide file tree
Showing 3 changed files with 24 additions and 23 deletions.
3 changes: 2 additions & 1 deletion src/frontend/src/components/bs-comp/chatComponent/ChatInput.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -200,6 +200,7 @@ export default function ChatInput({ clear, form, stop, questions, inputForm, wsU
if (data.type === 'start') {
createWsMsg(data)
} else if (data.type === 'stream') {
//@ts-ignore
updateCurrentMessage({
chat_id: data.chat_id,
message: data.message,
Expand Down Expand Up @@ -256,7 +257,7 @@ export default function ChatInput({ clear, form, stop, questions, inputForm, wsU
{/* form */}
{
formShow && <div className="relative">
<div className="absolute left-0 border bottom-2 bg-[#fff] px-4 py-2 rounded-md w-[50%] min-w-80 z-50">
<div className="absolute left-0 border bottom-2 bg-background-login px-4 py-2 rounded-md w-[50%] min-w-80 z-50">
{inputForm}
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion src/frontend/src/components/bs-comp/sheets/SkillTempSheet.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ export default function SkillTempSheet({ children, onSelect }) {
<SheetDescription>{t('skills.skillTemplateChoose')}</SheetDescription>
<SearchInput value={keyword} placeholder={t('build.search')} className="my-6" onChange={(e) => setKeyword(e.target.value)} />
</div>
<div className="flex-1 min-w-[696px] bg-[#fff] p-5 pt-12 h-full flex flex-wrap gap-1.5 overflow-y-auto scrollbar-hide content-start">
<div className="flex-1 min-w-[696px] bg-[#fff] dark:bg-[#030712] p-5 pt-12 h-full flex flex-wrap gap-1.5 overflow-y-auto scrollbar-hide content-start">
<CardComponent
id={0}
type="sheet"
Expand Down
42 changes: 21 additions & 21 deletions src/frontend/src/pages/SystemPage/components/EditRole.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -168,40 +168,40 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
<Input placeholder={t('system.roleName')} value={form.name} onChange={(e) => setForm({ ...form, name: e.target.value })} maxLength={60}></Input>
</div>
{/* 菜单授权 */}
<div className="">
<div>
<div className="mt-20 flex justify-between items-center relative">
<p className="text-xl font-bold">菜单授权</p>
</div>
<div className="mt-4">
<div className="mt-4 w-full">
<Table>
<TableHeader>
<TableRow>
<TableHead>一级菜单</TableHead>
<TableHead className="text-right">查看权限</TableHead>
<TableHead className="text-right w-[75px]">查看权限</TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow>
<TableCell className="font-medium">构建</TableCell>
<TableCell className="text-right">
<TableCell className="text-center">
<Switch checked={form.useMenu.includes(MenuType.BUILD)} onCheckedChange={(bln) => switchDataChange(MenuType.BUILD, 'useMenu', bln)} />
</TableCell>
</TableRow>
<TableRow>
<TableCell className="font-medium">知识</TableCell>
<TableCell className="text-right">
<TableCell className="text-center">
<Switch checked={form.useMenu.includes(MenuType.KNOWLEDGE)} onCheckedChange={(bln) => switchDataChange(MenuType.KNOWLEDGE, 'useMenu', bln)} />
</TableCell>
</TableRow>
<TableRow>
<TableCell className="font-medium">模型</TableCell>
<TableCell className="text-right">
<TableCell className="text-center">
<Switch checked={form.useMenu.includes(MenuType.MODEL)} onCheckedChange={(bln) => switchDataChange(MenuType.MODEL, 'useMenu', bln)} />
</TableCell>
</TableRow>
<TableRow>
<TableCell className="font-medium">评测</TableCell>
<TableCell className="text-right">
<TableCell className="text-center">
<Switch checked={form.useMenu.includes(MenuType.EVALUATION)} onCheckedChange={(bln) => switchDataChange(MenuType.EVALUATION, 'useMenu', bln)} />
</TableCell>
</TableRow>
Expand All @@ -220,16 +220,16 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
<TableHeader>
<TableRow>
<TableHead>{t('system.assistantName')}</TableHead>
<TableHead className="w-[100px]">{t('system.creator')}</TableHead>
<TableHead className="text-right">{t('system.usePermission')}</TableHead>
<TableHead>{t('system.creator')}</TableHead>
<TableHead className="text-right w-[75px]">{t('system.usePermission')}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{data.map((el) => (
<TableRow key={el.id}>
<TableCell className="font-medium">{el.name}</TableCell>
<TableCell>{el.user_name}</TableCell>
<TableCell className="text-right">
<TableCell className="text-center">
<Switch checked={form.useAssistant.includes(el.id)} onCheckedChange={(bln) => switchDataChange(el.id, 'useAssistant', bln)} />
</TableCell>
</TableRow>
Expand All @@ -251,16 +251,16 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
<TableHeader>
<TableRow>
<TableHead>{t('system.skillName')}</TableHead>
<TableHead className="w-[100px]">{t('system.creator')}</TableHead>
<TableHead className="text-right">{t('system.usePermission')}</TableHead>
<TableHead>{t('system.creator')}</TableHead>
<TableHead className="text-right w-[75px]">{t('system.usePermission')}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{data.map((el) => (
<TableRow key={el.id}>
<TableCell className="font-medium">{el.name}</TableCell>
<TableCell>{el.user_name}</TableCell>
<TableCell className="text-right">
<TableCell className="text-center">
<Switch checked={form.useSkills.includes(el.id)} onCheckedChange={(bln) => switchDataChange(el.id, 'useSkills', bln)} />
</TableCell>
</TableRow>
Expand All @@ -281,20 +281,20 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
<TableHeader>
<TableRow>
<TableHead>{t('lib.libraryName')}</TableHead>
<TableHead className="w-[100px]">{t('system.creator')}</TableHead>
<TableHead className="text-right">{t('system.usePermission')}</TableHead>
<TableHead className="text-right">{t('system.managePermission')}</TableHead>
<TableHead>{t('system.creator')}</TableHead>
<TableHead>{t('system.usePermission')}</TableHead>
<TableHead className="text-right w-[75px]">{t('system.managePermission')}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{data.map((el) => (
<TableRow key={el.id}>
<TableCell className="font-medium">{el.name}</TableCell>
<TableCell>{el.user_name}</TableCell>
<TableCell className="text-right">
<TableCell className="text-left">
<Switch checked={form.useLibs.includes(el.id)} onCheckedChange={(bln) => switchUseLib(el.id, bln)} />
</TableCell>
<TableCell className="text-right">
<TableCell className="text-center">
<Switch checked={form.manageLibs.includes(el.id)} onCheckedChange={(bln) => switchLibManage(el.id, bln)} />
</TableCell>
</TableRow>
Expand All @@ -316,16 +316,16 @@ export default function EditRole({ id, name, groupId, onChange, onBeforeChange }
<TableHeader>
<TableRow>
<TableHead>{t('lib.toolName')}</TableHead>
<TableHead className="w-[100px]">{t('system.creator')}</TableHead>
<TableHead className="text-right">{t('system.usePermission')}</TableHead>
<TableHead>{t('system.creator')}</TableHead>
<TableHead className="text-right w-[75px]">{t('system.usePermission')}</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{data.map((el) => (
<TableRow key={el.id}>
<TableCell className="font-medium">{el.name}</TableCell>
<TableCell>{el.user_name}</TableCell>
<TableCell className="text-right">
<TableCell className="text-center">
<Switch
checked={form.useTools.includes(el.id)}
onCheckedChange={(bln) => switchDataChange(el.id, 'useTools', bln)}
Expand Down

0 comments on commit d4e7761

Please sign in to comment.