DerexXD/UT-Registration-Plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: fix centering of radio item (#156)

Browse Source
This commit is contained in:
Razboy20
2024-03-13 17:29:11 -05:00
committed by GitHub
parent 038ebaa268
commit 61c1e88dcf
1 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/components/common/ScheduleListItem/ScheduleListItem.tsx
View File

@@ -34,16 +34,14 @@ export default function ScheduleListItem({ style, name, dragHandleProps, onClick
<DragIndicatorIcon className='h-6 w-6 cursor-move text-zinc-300 btn-transition -ml-1.5 hover:text-zinc-400' />
</div>
<div className='group inline-flex items-center justify-center gap-1.5' onClick={onClick}>
<div className='h-5.5 w-5.5 flex items-center justify-center border-2px border-current rounded-full btn-transition group-active:scale-95'>
<div
className={clsx(
'bg-current h-2.9 w-2.9 rounded-full transition tansform scale-100 ease-out-expo duration-250',
{
'scale-0! opacity-0 ease-in-out! duration-200!': !isActive,
}
)}
/>
</div>
<div
className={clsx(
'h-5.5 w-5.5 relative border-2px border-current rounded-full btn-transition group-active:scale-95 after:(absolute content-empty bg-current h-2.9 w-2.9 rounded-full transition tansform scale-100 ease-out-expo duration-250 -translate-x-1/2 -translate-y-1/2 top-1/2 left-1/2)',
{
'after:(scale-0! opacity-0 ease-in-out! duration-200!)': !isActive,
}
)}
/>
<Text variant='p'>{name}</Text>
</div>
</div>