bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Gameboy: fix button styles in light mode

Browse source
This commit is contained in:
Alex Gleason 2023-11-25 00:39:29 -06:00
parent 19a4abaf08
commit b95bd0e533
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/gameboy.tsx
View file

@ -135,11 +135,13 @@ const Gameboy: React.FC<IGameboy> = ({ className, src, aspect = 'normal', onFocu
> >
<HStack space={2}> <HStack space={2}>
<IconButton <IconButton
theme='transparent'
className='text-white' className='text-white'
onClick={togglePaused} onClick={togglePaused}
src={paused ? require('@tabler/icons/player-play.svg') : require('@tabler/icons/player-pause.svg')} src={paused ? require('@tabler/icons/player-play.svg') : require('@tabler/icons/player-pause.svg')}
/> />
<IconButton <IconButton
theme='transparent'
className='text-white' className='text-white'
onClick={toggleMuted} onClick={toggleMuted}
src={muted ? require('@tabler/icons/volume-3.svg') : require('@tabler/icons/volume.svg')} src={muted ? require('@tabler/icons/volume-3.svg') : require('@tabler/icons/volume.svg')}
@ -148,11 +150,13 @@ const Gameboy: React.FC<IGameboy> = ({ className, src, aspect = 'normal', onFocu
<HStack space={2}> <HStack space={2}>
<IconButton <IconButton
theme='transparent'
className='text-white' className='text-white'
src={require('@tabler/icons/download.svg')} src={require('@tabler/icons/download.svg')}
onClick={handleDownload} onClick={handleDownload}
/> />
<IconButton <IconButton
theme='transparent'
className='text-white' className='text-white'
onClick={toggleFullscreen} onClick={toggleFullscreen}
src={fullscreen ? require('@tabler/icons/arrows-minimize.svg') : require('@tabler/icons/arrows-maximize.svg')} src={fullscreen ? require('@tabler/icons/arrows-minimize.svg') : require('@tabler/icons/arrows-maximize.svg')}