S-VPN/panel-web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 修改样式

Browse Source
This commit is contained in:
speakeloudest
2025-08-11 04:28:44 -07:00
parent 130a2506ac
commit 62880768fa
21 changed files with 257 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/user/app/(main)/(content)/(user)/ticket/page.tsx
+15 -25
View File
@@ -10,6 +10,7 @@ import {
updateUserTicketStatus,
} from '@/services/user/ticket';
import { useQuery } from '@tanstack/react-query';
import { AiroButton } from '@workspace/airo-ui/components/AiroButton';
import { Button } from '@workspace/airo-ui/components/button';
import {
Card,
@@ -89,13 +90,7 @@ export default function Page() {
toolbar: (
<Dialog open={create?.open} onOpenChange={(open) => setCreate({ open })}>
<DialogTrigger asChild>
<Button
className={
'rounded-full border-[#0F2C53] bg-[#0F2C53] px-[35px] py-[9px] text-center font-bold hover:bg-[#225BA9] hover:text-white sm:min-w-[150px] sm:text-xl'
}
>
{t('createTicket')}
</Button>
<AiroButton className={'mr-3'}>{t('createTicket')}</AiroButton>
</DialogTrigger>
<DialogContent className='sm:max-w-[425px]'>
<DialogHeader>
@@ -183,23 +178,20 @@ export default function Page() {
<CardDescription className='flex gap-2'>
{item.status !== 4 ? (
<>
<Button
key='reply'
variant='destructive'
className={
'hidden min-w-[150px] rounded-full border-[#A8D4ED] bg-[#A8D4ED] text-center text-xl font-bold hover:border-[#225BA9] hover:bg-[#225BA9] hover:text-white sm:flex'
}
<AiroButton
variant={'primary'}
onClick={() => setTicketId(item.id)}
className={'hidden sm:flex'}
>
{t('reply')}
</Button>
</AiroButton>
<ConfirmButton
key='close'
trigger={
<Button
variant='destructive'
className={
'rounded-full border-white bg-transparent text-center font-bold text-[#FF4248] shadow-none hover:bg-transparent sm:min-w-[150px] sm:border-[#F8BFD2] sm:bg-[#F8BFD2] sm:text-xl sm:shadow sm:hover:border-[#F8BFD2] sm:hover:bg-[#FF4248] sm:hover:text-white'
'h-8 rounded-full border-white bg-transparent px-6 text-center text-sm font-bold text-[#FF4248] shadow-none hover:bg-transparent sm:min-w-[100px] sm:border-[#F8BFD2] sm:bg-[#F8BFD2] sm:text-white sm:shadow sm:hover:border-[#F8BFD2] sm:hover:bg-[#FF4248]'
}
>
{t('close')}
@@ -217,9 +209,13 @@ export default function Page() {
/>
</>
) : (
<Button key='check' size='sm' onClick={() => setTicketId(item.id)}>
<AiroButton
key='check'
variant={'primary'}
onClick={() => setTicketId(item.id)}
>
{t('check')}
</Button>
</AiroButton>
)}
</CardDescription>
</CardHeader>
@@ -241,15 +237,9 @@ export default function Page() {
</ul>
</CardContent>
<CardFooter className={'flex justify-center sm:hidden'}>
<Button
key='reply'
className={
'ml-3 min-w-[150px] rounded-full border-[#A8D4ED] bg-[#A8D4ED] px-[35px] py-[9px] text-center font-bold hover:border-[#225BA9] hover:bg-[#225BA9] hover:text-white sm:text-xl'
}
onClick={() => setTicketId(item.id)}
>
<AiroButton key='reply' variant={'primary'} onClick={() => setTicketId(item.id)}>
{t('reply')}
</Button>
</AiroButton>
</CardFooter>
</Card>
);