fix: pc端修改
This commit is contained in:
@@ -88,7 +88,13 @@ export default function Page() {
|
||||
toolbar: (
|
||||
<Dialog open={create?.open} onOpenChange={(open) => setCreate({ open })}>
|
||||
<DialogTrigger asChild>
|
||||
<Button size='sm'>{t('createTicket')}</Button>
|
||||
<Button
|
||||
className={
|
||||
'min-w-[150px] rounded-full border-[#0F2C53] bg-[#0F2C53] px-[35px] py-[9px] text-center text-xl font-bold hover:bg-[#225BA9] hover:text-white'
|
||||
}
|
||||
>
|
||||
{t('createTicket')}
|
||||
</Button>
|
||||
</DialogTrigger>
|
||||
<DialogContent className='sm:max-w-[425px]'>
|
||||
<DialogHeader>
|
||||
@@ -156,8 +162,8 @@ export default function Page() {
|
||||
}}
|
||||
renderItem={(item) => {
|
||||
return (
|
||||
<Card className='overflow-hidden'>
|
||||
<CardHeader className='bg-muted/50 flex flex-row items-center justify-between gap-2 space-y-0 p-3'>
|
||||
<Card className='overflow-hidden pl-16'>
|
||||
<CardHeader className='flex flex-row items-center justify-between gap-2 space-y-0 bg-transparent p-3'>
|
||||
<CardTitle>
|
||||
<span
|
||||
className={cn(
|
||||
@@ -176,13 +182,25 @@ export default function Page() {
|
||||
<CardDescription className='flex gap-2'>
|
||||
{item.status !== 4 ? (
|
||||
<>
|
||||
<Button key='reply' size='sm' onClick={() => setTicketId(item.id)}>
|
||||
<Button
|
||||
key='reply'
|
||||
className={
|
||||
'ml-3 min-w-[150px] rounded-full border-[#A8D4ED] bg-[#A8D4ED] px-[35px] py-[9px] text-center text-xl font-bold hover:border-[#225BA9] hover:bg-[#225BA9] hover:text-white'
|
||||
}
|
||||
onClick={() => setTicketId(item.id)}
|
||||
>
|
||||
{t('reply')}
|
||||
</Button>
|
||||
<ConfirmButton
|
||||
key='close'
|
||||
trigger={
|
||||
<Button variant='destructive' size='sm'>
|
||||
<Button
|
||||
variant='destructive'
|
||||
className={
|
||||
'min-w-[150px] rounded-full border-[#F8BFD2] bg-[#F8BFD2] px-[35px] py-[9px] text-center text-xl font-bold hover:border-[#F8BFD2] hover:bg-[#FF4248] hover:text-white'
|
||||
}
|
||||
size='sm'
|
||||
>
|
||||
{t('close')}
|
||||
</Button>
|
||||
}
|
||||
@@ -208,16 +226,18 @@ export default function Page() {
|
||||
<CardContent className='p-3 text-sm'>
|
||||
<ul className='grid gap-3 *:flex *:flex-col lg:grid-cols-3'>
|
||||
<li>
|
||||
<span className='text-muted-foreground'>{t('title')}</span>
|
||||
<span> {item.title}</span>
|
||||
<span className='text-[15px] font-normal text-[#225BA9]'>{t('title')}</span>
|
||||
<span className={'font-bold'}> {item.title}</span>
|
||||
</li>
|
||||
<li className='font-semibold'>
|
||||
<span className='text-muted-foreground'>{t('description')}</span>
|
||||
<time>{item.description}</time>
|
||||
<li className=''>
|
||||
<span className='text-[15px] font-normal text-[#225BA9]'>
|
||||
{t('description')}
|
||||
</span>
|
||||
<time className={'font-bold'}>{item.description}</time>
|
||||
</li>
|
||||
<li className='font-semibold'>
|
||||
<span className='text-muted-foreground'>{t('updatedAt')}</span>
|
||||
<time>{formatDate(item.updated_at)}</time>
|
||||
<li className=''>
|
||||
<span className='text-[15px] font-normal text-[#225BA9]'>{t('updatedAt')}</span>
|
||||
<time className={'font-bold'}>{formatDate(item.updated_at)}</time>
|
||||
</li>
|
||||
</ul>
|
||||
</CardContent>
|
||||
|
||||
Reference in New Issue
Block a user