diff options
| -rw-r--r-- | CHANGELOG.md | 2 | ||||
| -rw-r--r-- | gui/src/renderer/components/AppButton.tsx | 11 | ||||
| -rw-r--r-- | gui/src/renderer/components/AppButtonStyles.tsx | 4 |
3 files changed, 14 insertions, 3 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 90761fe874..6789a25299 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -29,6 +29,8 @@ Line wrap the file at 100 chars. Th ### Changed - Update Electron from 11.4.9 to 15.0.0. +- Revamp main view with lower resolution maps, blurred background behind semi-transparent buttons + and switch to correct font for logo. #### Android - Drop support for Android 7/7.1 (Android 8/API level 26 or later is now required). diff --git a/gui/src/renderer/components/AppButton.tsx b/gui/src/renderer/components/AppButton.tsx index d424e8b54e..a761179924 100644 --- a/gui/src/renderer/components/AppButton.tsx +++ b/gui/src/renderer/components/AppButton.tsx @@ -3,7 +3,12 @@ import styled from 'styled-components'; import { colors } from '../../config.json'; import log from '../../shared/logging'; import { useMounted } from '../lib/utilityHooks'; -import { StyledButtonContent, StyledLabel, StyledLabelContainer } from './AppButtonStyles'; +import { + StyledButtonContent, + StyledLabel, + StyledLabelContainer, + transparentButton, +} from './AppButtonStyles'; import ImageView from './ImageView'; interface IButtonContext { @@ -178,14 +183,14 @@ export const BlueButton = styled(BaseButton)({ }, }); -export const TransparentButton = styled(BaseButton)({ +export const TransparentButton = styled(BaseButton)(transparentButton, { backgroundColor: colors.white20, ':not(:disabled):hover': { backgroundColor: colors.white40, }, }); -export const RedTransparentButton = styled(BaseButton)({ +export const RedTransparentButton = styled(BaseButton)(transparentButton, { backgroundColor: colors.red60, ':not(:disabled):hover': { backgroundColor: colors.red80, diff --git a/gui/src/renderer/components/AppButtonStyles.tsx b/gui/src/renderer/components/AppButtonStyles.tsx index f851bf69c5..5446e89b31 100644 --- a/gui/src/renderer/components/AppButtonStyles.tsx +++ b/gui/src/renderer/components/AppButtonStyles.tsx @@ -21,3 +21,7 @@ export const StyledButtonContent = styled.div({ justifyContent: 'center', padding: '9px', }); + +export const transparentButton = { + backdropFilter: 'blur(4px)', +}; |