Skip to content

Commit 3ce0a51

Browse files
committed
👌 increase option label size
1 parent c88bf44 commit 3ce0a51

File tree

3 files changed

+10
-5
lines changed

3 files changed

+10
-5
lines changed

client/components/mobile/PreferencePicker.jsx

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import React from 'react';
22
import PropTypes from 'prop-types';
33
import styled from 'styled-components';
4-
import { prop } from '../../theme';
4+
import { prop, remSize } from '../../theme';
55

66

77
const PreferenceTitle = styled.h4.attrs(props => ({ ...props, className: 'preference__title' }))`
@@ -11,9 +11,12 @@ const PreferenceTitle = styled.h4.attrs(props => ({ ...props, className: 'prefer
1111
const Preference = styled.div.attrs(props => ({ ...props, className: 'preference' }))`
1212
flex-wrap: nowrap !important;
1313
align-items: baseline !important;
14-
justify-items: space-between
14+
justify-items: space-between;
1515
`;
1616

17+
const OptionLabel = styled.label.attrs({ className: 'preference__option' })`
18+
font-size: ${remSize(14)} !important;
19+
`;
1720

1821
const Selector = ({
1922
title, value, onSelect, options,
@@ -32,7 +35,7 @@ const Selector = ({
3235
className="preference__radio-button"
3336
value={option.value}
3437
checked={value === option.value}
35-
/><label htmlFor={option.id} className="preference__option">{option.label}</label>
38+
/><OptionLabel htmlFor={option.id} >{option.label}</OptionLabel>
3639
</React.Fragment>))}
3740
</div>
3841
</Preference>

client/modules/App/App.jsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,11 @@ import PropTypes from 'prop-types';
22
import React from 'react';
33
import { connect } from 'react-redux';
44
import getConfig from '../../utils/getConfig';
5-
import DevTools from './components/DevTools';
5+
// import DevTools from './components/DevTools';
66
import { setPreviousPath } from '../IDE/actions/ide';
77

8+
const DevTools = () => <></>;
9+
810
class App extends React.Component {
911
constructor(props, context) {
1012
super(props, context);

client/modules/IDE/pages/MobileIDEView.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ const MobileIDEView = (props) => {
5050
}
5151
>
5252
<IconButton
53-
to="/mobile/settings"
53+
to="/mobile/preferences"
5454
onClick={() => setOverlay('preferences')}
5555
icon={PreferencesIcon}
5656
aria-label="Open preferences menu"

0 commit comments

Comments
 (0)