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