jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(player): change styles for buttons

Browse source
This commit is contained in:
nick-delirium 2023-04-26 15:10:43 +02:00
parent 3124913980
commit 0c3c252165
2 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/app/components/Session_/Player/Controls/components/PlayerControls.tsx
View file

@ -82,9 +82,9 @@ function PlayerControls(props: Props) {
<div className="mx-1" />
<div className={'hover:bg-gray-light-shade p-2 rounded cursor-pointer'}>
<button className={cn(styles.speedButton, 'focus:border focus:border-blue')}>
<PlayingTime isUniTime={isUniTime} setIsUniTime={setIsUniTime} startedAt={startedAt} />
</div>
</button>
<div className="rounded ml-4 bg-active-blue border border-active-blue-border flex items-stretch">
{/* @ts-ignore */}

12
frontend/app/components/Session_/Player/Controls/components/PlayingTime.tsx
View file

@ -18,11 +18,11 @@ function PlayingTime({ isUniTime, setIsUniTime, startedAt }: Props) {
className="cursor-pointer select-none"
distance={20}
render={({close}) => (
<div className={'flex flex-col gap-2 bg-white py-2 rounded'}>
<div className={'font-semibold px-4'}>Playback Time Mode</div>
<div className={'flex flex-col gap-2 bg-white py-2 rounded color-gray-darkest'}>
<div className={'font-semibold px-4 cursor-default'}>Playback Time Mode</div>
<div className={'flex flex-col cursor-pointer hover:bg-active-blue w-full px-4'}>
<div className={'text-sm text-disabled-text'}>Current / Session Duration</div>
<div className={'flex items-center font-semibold text-center'} onClick={() => {
<div className={'text-sm text-disabled-text text-left'}>Current / Session Duration</div>
<div className={'flex items-center text-left'} onClick={() => {
setIsUniTime(false);
close();
}}>
@ -35,8 +35,8 @@ function PlayingTime({ isUniTime, setIsUniTime, startedAt }: Props) {
setIsUniTime(true);
close();
}}>
<div className={'text-sm text-disabled-text'}>Based on your settings</div>
<div className={'font-semibold'}><RealReplayTimeConnected startedAt={startedAt} /></div>
<div className={'text-sm text-disabled-text text-left'}>Based on your settings</div>
<div className={'text-left'}><RealReplayTimeConnected startedAt={startedAt} /></div>
</div>
</div>
)}