7fc8828c2b
UI team suggested a few adjustments to the audio settings modal:
- Larger (24px/1.5rem) margin between content and headers
- Rephrasing of modal title, subtitle and volume indicator label
- Change the "audio feedback" button to an outline or link styled
button (there are currently two primary buttons and we want users to
focus on the "Join audio" one)
Implement the suggested changes. The approach for the audio feedback
button is link-styled.
29 lines
576 B
JavaScript
29 lines
576 B
JavaScript
import styled from 'styled-components';
|
|
import Button from '/imports/ui/components/common/button/component';
|
|
import {
|
|
colorPrimary,
|
|
btnMutedBg,
|
|
} from '/imports/ui/stylesheets/styled-components/palette';
|
|
|
|
const LocalEchoTestButton = styled(Button)`
|
|
height: 2rem;
|
|
width: 100%;
|
|
|
|
&:hover {
|
|
background-color: ${btnMutedBg} !important
|
|
}
|
|
|
|
i {
|
|
${({ animations }) => animations && `
|
|
transition: all .2s ease-in-out;
|
|
`}
|
|
}
|
|
|
|
background-color: transparent !important;
|
|
color: ${colorPrimary} !important;
|
|
`;
|
|
|
|
export default {
|
|
LocalEchoTestButton,
|
|
};
|