github
/
certimate
mirror of https://github.com/usual2970/certimate
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

update ui

main
yoan 2024-09-22 22:25:08 +08:00
parent 2a1af1e7cd
commit 5422f17fab
2 changed files with 44 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/pages/SettingLayout.tsx
View File

@ -30,7 +30,7 @@ const SettingLayout = () => {
<div className="text-muted-foreground border-b dark:border-stone-500 py-5"> <div className="text-muted-foreground border-b dark:border-stone-500 py-5">
偏好设置 偏好设置
</div> </div>
<div className="w-full mt-5 p-3 flex justify-center"> <div className="w-full mt-5 p-0 md:p-3 flex justify-center">
<Tabs defaultValue="account" className="w-full" value={tabValue}> <Tabs defaultValue="account" className="w-full" value={tabValue}>
<TabsList className="mx-auto"> <TabsList className="mx-auto">
<TabsTrigger <TabsTrigger
@ -62,7 +62,7 @@ const SettingLayout = () => {
className="px-5" className="px-5"
> >
<Megaphone size={14} /> <Megaphone size={14} />
<div className="ml-1">推送渠道</div> <div className="ml-1">消息推送</div>
</TabsTrigger> </TabsTrigger>
</TabsList> </TabsList>
<TabsContent value={tabValue}> <TabsContent value={tabValue}>

28
ui/src/pages/setting/Notify.tsx
View File

@ -4,19 +4,31 @@ import {
AccordionItem, AccordionItem,
AccordionTrigger, AccordionTrigger,
} from "@/components/ui/accordion"; } from "@/components/ui/accordion";
import { Input } from "@/components/ui/input";
import { Textarea } from "@/components/ui/textarea";
import React from "react"; import React from "react";
const Notify = () => { const Notify = () => {
return ( return (
<div> <>
<div className="border rounded-sm p-5">
<Accordion type={"multiple"} className="dark:text-stone-200"> <Accordion type={"multiple"} className="dark:text-stone-200">
<AccordionItem value="item-1" className="dark:border-stone-200"> <AccordionItem value="item-1" className="dark:border-stone-200">
<AccordionTrigger>邮箱</AccordionTrigger> <AccordionTrigger>模板</AccordionTrigger>
<AccordionContent> <AccordionContent>
Yes. It adheres to the WAI-ARIA design pattern. <Input value="您有证书即将过期" />
<Textarea
className="mt-2"
value={
"有{COUNT}张证书即将过期,域名分别为{DOMAINS},请保持关注！"
}
></Textarea>
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
</Accordion>
</div>
<div className="border rounded-md p-5 mt-7">
<Accordion type={"multiple"} className="dark:text-stone-200">
<AccordionItem value="item-2" className="dark:border-stone-200"> <AccordionItem value="item-2" className="dark:border-stone-200">
<AccordionTrigger>钉钉</AccordionTrigger> <AccordionTrigger>钉钉</AccordionTrigger>
<AccordionContent> <AccordionContent>
@ -24,13 +36,6 @@ const Notify = () => {
</AccordionContent> </AccordionContent>
</AccordionItem> </AccordionItem>
<AccordionItem value="item-3" className="dark:border-stone-200">
<AccordionTrigger>微信公众号</AccordionTrigger>
<AccordionContent>
Yes. It adheres to the WAI-ARIA design pattern.
</AccordionContent>
</AccordionItem>
<AccordionItem value="item-4" className="dark:border-stone-200"> <AccordionItem value="item-4" className="dark:border-stone-200">
<AccordionTrigger>Telegram</AccordionTrigger> <AccordionTrigger>Telegram</AccordionTrigger>
<AccordionContent> <AccordionContent>
@ -46,6 +51,7 @@ const Notify = () => {
</AccordionItem> </AccordionItem>
</Accordion> </Accordion>
</div> </div>
</>
); );
}; };