alex/agb
1
0
Fork 0
mirror of https://github.com/italicsjenga/agb.git synced 2024-12-23 08:11:33 +11:00
Code Issues Packages Projects Releases Wiki Activity

Add a mute button

Browse source
This commit is contained in:
Gwilym Inzani 2023-07-05 13:25:10 +01:00 committed by Corwin
parent 489e95de9f
commit f354cff108
No known key found for this signature in database
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
website/src/App.tsx
View file

@ -15,7 +15,6 @@ const BindingsDialog = styled.dialog`
const VolumeLabel = styled.label` const VolumeLabel = styled.label`
display: flex; display: flex;
gap: 10px; gap: 10px;
margin-bottom: 20px;
`; `;
const ActionButton = styled.button` const ActionButton = styled.button`
@ -121,6 +120,8 @@ function BindingsWindow({
Volume: Volume:
<Slider value={volume} onChange={(e) => setVolume(e)} /> <Slider value={volume} onChange={(e) => setVolume(e)} />
</VolumeLabel> </VolumeLabel>
<ActionButton onClick={() => setVolume(0)}>Mute</ActionButton>
<BindingsControl <BindingsControl
bindings={bindings} bindings={bindings}
setBindings={setBindings} setBindings={setBindings}

1
website/src/bindings.tsx
View file

@ -57,6 +57,7 @@ const SelectButton = styled.button<SelectButtonProps>`
const ButtonWrapper = styled.div` const ButtonWrapper = styled.div`
display: grid; display: grid;
margin-top: 10px;
`; `;
export type KeyBindings = { export type KeyBindings = {