kylefang/devhub
1
0
Fork 0
mirror of https://github.com/zhigang1992/devhub.git synced 2026-05-26 15:44:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix keyboard shortcut key layout

Browse Source
This commit is contained in:
Bruno Lemos
2019-04-23 04:33:01 -03:00
parent 5291808f2f
commit 1569e3ff66
1 changed files with 17 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
packages/components/src/components/modals/KeyboardShortcutsModal.tsx
View File

@@ -8,11 +8,10 @@ export interface KeyboardShortcutsModalProps {
import { useCSSVariablesOrSpringAnimatedTheme } from '../../hooks/use-css-variables-or-spring--animated-theme'
import { sharedStyles } from '../../styles/shared'
import { contentPadding } from '../../styles/variables'
import { contentPadding, smallTextSize } from '../../styles/variables'
import { SpringAnimatedText } from '../animated/spring/SpringAnimatedText'
import { SpringAnimatedView } from '../animated/spring/SpringAnimatedView'
import { ModalColumn } from '../columns/ModalColumn'
import { H2 } from '../common/H2'
import { Label } from '../common/Label'
import { Spacer } from '../common/Spacer'
import { useTheme } from '../context/ThemeContext'
@@ -97,19 +96,27 @@ export function KeyboardShortcutsModal(props: KeyboardShortcutsModalProps) {
}}
>
{ks.keys.map(key => (
<Label
<SpringAnimatedView
key={`keyboard-shortcut-label-${index}-${key}`}
color={theme.backgroundColorLess2}
textColor={theme.foregroundColor}
containerStyle={{
style={{
alignSelf: 'flex-start',
marginBottom: contentPadding / 2,
marginRight: contentPadding / 2,
paddingVertical: contentPadding / 4,
paddingHorizontal: contentPadding / 2,
backgroundColor: theme.backgroundColorLess2,
borderRadius: contentPadding,
}}
small
>
<H2>{key}</H2>
</Label>
<SpringAnimatedText
style={{
fontSize: smallTextSize,
color: theme.foregroundColor,
}}
>
{key}
</SpringAnimatedText>
</SpringAnimatedView>
))}
</View>
</View>