Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed font sizes for more readibility

Browse Source
This commit is contained in:
Mitchell McCaffrey 2020-04-10 10:56:09 +10:00
parent a0e6235f72
commit 10e7493e5c
3 changed files with 13 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Stream.js
View File

@ -79,13 +79,7 @@ function Stream({ stream, nickname }) {
onRequestClose={() => setShowStreamInteractBanner(false)} onRequestClose={() => setShowStreamInteractBanner(false)}
> >
<Box p={1}> <Box p={1}>
<Text <Text as="p" variant="body2">
as="p"
variant="body2"
sx={{
fontSize: "12px",
}}
>
{nickname} has started streaming. Click {nickname} has started streaming. Click
{ {
<IconButton <IconButton

6
src/routes/About.js
View File

@ -24,7 +24,7 @@ function About() {
<Text my={2} variant="heading" as="h1" sx={{ fontSize: 5 }}> <Text my={2} variant="heading" as="h1" sx={{ fontSize: 5 }}>
About About
</Text> </Text>
<Text my={1} mt={2} variant="heading" as="h3"> <Text my={1} mt={2} variant="heading" as="h3" sx={{ fontSize: 3 }}>
The Goal The Goal
</Text> </Text>
<Text variant="body2" as="p"> <Text variant="body2" as="p">
@ -32,7 +32,7 @@ function About() {
encounters without the complicated setup process needed for other encounters without the complicated setup process needed for other
VTTs. VTTs.
</Text> </Text>
<Text my={1} mt={2} variant="heading" as="h3"> <Text my={1} mt={2} variant="heading" as="h3" sx={{ fontSize: 3 }}>
The People The People
</Text> </Text>
<Text variant="body2" as="p"> <Text variant="body2" as="p">
@ -42,7 +42,7 @@ function About() {
for an easy way to continue their d{"&"}d campaign as in person for an easy way to continue their d{"&"}d campaign as in person
interaction becomes harder. interaction becomes harder.
</Text> </Text>
<Text my={1} mt={2} variant="heading" as="h3"> <Text my={1} mt={2} variant="heading" as="h3" sx={{ fontSize: 3 }}>
Contact Contact
</Text> </Text>
<Text variant="body2" as="p"> <Text variant="body2" as="p">

17
src/theme.js
View File

@ -25,7 +25,8 @@ export default {
display: 400, display: 400,
}, },
lineHeights: { lineHeights: {
body: 1.1, body: 1.3,
display: 1.1,
heading: 1.25, heading: 1.25,
}, },
breakpoints: ["12em", "24em", "40em", "56em", "64em"], breakpoints: ["12em", "24em", "40em", "56em", "64em"],
@ -37,7 +38,7 @@ export default {
fontSize: 1, fontSize: 1,
}, },
display: { display: {
variant: "textStyles.heading", variant: "text.heading",
fontFamily: "display", fontFamily: "display",
fontSize: [5, 6], fontSize: [5, 6],
fontWeight: "display", fontWeight: "display",
@ -66,26 +67,26 @@ export default {
fontWeight: "body", fontWeight: "body",
}, },
h1: { h1: {
variant: "textStyles.display", variant: "text.display",
}, },
h2: { h2: {
variant: "textStyles.heading", variant: "text.heading",
fontSize: 5, fontSize: 5,
}, },
h3: { h3: {
variant: "textStyles.heading", variant: "text.heading",
fontSize: 4, fontSize: 4,
}, },
h4: { h4: {
variant: "textStyles.heading", variant: "text.heading",
fontSize: 3, fontSize: 3,
}, },
h5: { h5: {
variant: "textStyles.heading", variant: "text.heading",
fontSize: 2, fontSize: 2,
}, },
h6: { h6: {
variant: "textStyles.heading", variant: "text.heading",
fontSize: 1, fontSize: 1,
}, },
a: { a: {