| @@ -47,14 +47,14 @@ const Empty = () => { | |||
| ))} | |||
| </div> | |||
| {/* mask */} | |||
| <div className='absolute z-20 h-full w-full bg-gradient-to-b from-background-gradient-mask-transparent to-white' /> | |||
| <div className='absolute z-20 h-full w-full bg-gradient-to-b from-components-panel-bg-transparent to-components-panel-bg' /> | |||
| <div className='relative z-30 flex h-full items-center justify-center'> | |||
| <div className='flex flex-col items-center gap-y-3'> | |||
| <div className='relative -z-10 flex h-[52px] w-[52px] items-center justify-center rounded-xl | |||
| border-[1px] border-dashed border-divider-deep bg-components-card-bg shadow-xl shadow-shadow-shadow-5'> | |||
| <Group className='h-5 w-5 text-text-tertiary' /> | |||
| <Line className='absolute -right-[1px] top-1/2 -translate-y-1/2' /> | |||
| <Line className='absolute -left-[1px] top-1/2 -translate-y-1/2' /> | |||
| <Line className='absolute right-[-1px] top-1/2 -translate-y-1/2' /> | |||
| <Line className='absolute left-[-1px] top-1/2 -translate-y-1/2' /> | |||
| <Line className='absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 rotate-90' /> | |||
| <Line className='absolute left-1/2 top-full -translate-x-1/2 -translate-y-1/2 rotate-90' /> | |||
| </div> | |||