fix ui make spacing between player controls smaller (#2032)

This commit is contained in:
Delirium 2024-04-03 13:02:53 +02:00 committed by GitHub
parent ad5d9302db
commit 8c773ab529
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 3 additions and 3 deletions

View file

@ -169,7 +169,7 @@ function Controls(props: any) {
currentInterval={skipInterval}
startedAt={session.startedAt}
/>
<div className={cn('mx-2')} />
<div className={cn('mx-1')} />
</div>
<div className="flex gap-2 items-center h-full">

View file

@ -70,7 +70,7 @@ function PlayerControls(props: Props) {
sessionTz={sessionTz}
/>
<div className="rounded ml-2 bg-white border-gray-lighter flex items-center" style={{ gap: 1 }}>
<div className="rounded ml-1 bg-white border-gray-lighter flex items-center" style={{ gap: 1 }}>
<JumpBack backTenSeconds={backTenSeconds} currentInterval={currentInterval} />
<IntervalSelector
skipIntervals={skipIntervals}

View file

@ -98,7 +98,7 @@ function PlayingTime({ timeMode, setTimeMode, startedAt, sessionTz }: Props) {
</div>
)}
>
<Button type={'text'}>
<Button type={'text'} style={{ padding: '4px 0.5rem'}}>
<div className={'flex items-center gap-2'}>
<div
className="flex items-center font-semibold text-center"