Fix styling of Text components

This commit is contained in:
Florian Rival
2019-08-23 19:57:45 +02:00
parent 064704a457
commit 8b83cf3518
7 changed files with 29 additions and 21 deletions

View File

@@ -173,10 +173,12 @@ export default class AboutDialog extends PureComponent<Props, *> {
<Tab label={<Trans>About GDevelop</Trans>} value="about">
<Column>
<Line>
<Trans>
GDevelop {getIDEVersion()} based on GDevelop.js{' '}
{getGDCoreVersion()}
</Trans>
<Text>
<Trans>
GDevelop {getIDEVersion()} based on GDevelop.js{' '}
{getGDCoreVersion()}
</Trans>
</Text>
</Line>
<Line>{updateStatusString}</Line>
<Line justifyContent="center">

View File

@@ -73,9 +73,9 @@ exports[`StartPage renders the start page with a project 1`] = `
}
}
/>
<Text>
<p>
GDevelop is an easy-to-use game creator with no programming language to learn.
</Text>
</p>
</div>
<div
style={

View File

@@ -121,11 +121,13 @@ export default class BrowserExamples extends Component {
render() {
return (
<Column noMargin>
<Column>
<Text>
<Trans>Choose or search for an example to open:</Trans>
</Text>
</Column>
<Line>
<Column>
<Text>
<Trans>Choose or search for an example to open:</Trans>
</Text>
</Column>
</Line>
<Line>
<ExamplesList
exampleNames={exampleNames}

View File

@@ -5,6 +5,7 @@ import RaisedButton from '../UI/RaisedButton';
import { sendNewGameCreated } from '../Utils/Analytics/EventSender';
import { Column, Line } from '../UI/Grid';
import ListIcon from '../UI/ListIcon';
import Text from '../UI/Text';
const gd = global.gd;
export default class BrowserStarters extends Component {
@@ -13,9 +14,9 @@ export default class BrowserStarters extends Component {
<Column noMargin>
<Line>
<Column>
<p>
<Text>
<Trans>Choose a game to use as a starter:</Trans>
</p>
</Text>
</Column>
</Line>
<Line>

View File

@@ -98,11 +98,13 @@ export default class LocalExamples extends Component<Props, State> {
<I18n>
{({ i18n }) => (
<Column noMargin>
<Column>
<Text>
<Trans>Choose or search for an example to open:</Trans>
</Text>
</Column>
<Line>
<Column>
<Text>
<Trans>Choose or search for an example to open:</Trans>
</Text>
</Column>
</Line>
<Line>
<ExamplesList
exampleNames={this.state.exampleNames}

View File

@@ -5,6 +5,7 @@ import { sendTutorialOpened } from '../Utils/Analytics/EventSender';
import Window from '../Utils/Window';
import { getHelpLink } from '../Utils/HelpLink';
import { List, ListItem } from '../UI/List';
import Text from '../UI/Text';
import { Subheader } from 'material-ui';
export default class Tutorials extends PureComponent {
@@ -13,12 +14,12 @@ export default class Tutorials extends PureComponent {
<Column noMargin>
<Line>
<Column>
<p>
<Text>
<Trans>
Tutorials are available on GDevelop wiki. Choose a tutorial to
read:
</Trans>
</p>
</Text>
</Column>
</Line>
<Line>

View File

@@ -30,4 +30,4 @@ type Props = {|
// A Text to be displayed in the app. Prefer using this
// than a `<p>`/`<span>` or `<div>` as this will help to maintain
// consistency of text in the whole app.
export default ({ children }: Props) => <p>{children}</p>;
export default ({ children, style }: Props) => <p style={style}>{children}</p>;