Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-30 15:17:43 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

new layout with smaller footer

Browse Source
This commit is contained in:
Sendou
2019-10-13 00:00:46 +03:00
parent e5d85eced4
commit 9836356ed1
2 changed files with 15 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
react-ui/src/components/root/App.js vendored
View File

@@ -8,7 +8,14 @@ const App = () => {
return (
<div style={{ paddingTop: "0.3em" }}>
<MainMenu />
<div style={{ background: "white", padding: "1.5em" }}>
<div
style={{
background: "white",
padding: "1.5em",
margin: "0.5em 2em 0.5em 2em",
borderRadius: "7px"
}}
>
<Container>
<Routes />
</Container>

54
react-ui/src/components/root/Footer.js vendored
View File

@@ -11,58 +11,18 @@ import RollSim from "./RollSim"
const Footer = () => {
return (
<Segment inverted vertical style={{ padding: "5em 0em" }}>
<Segment vertical style={{ padding: "1em 0em" }}>
<Container textAlign="center">
<Grid divided inverted stackable>
<Grid.Column width={3}>
<Header inverted as="h4" content="Popular on sendou.ink" />
<List link inverted>
<List.Item as="a">Builds</List.Item>
<List.Item as="a">Map Planner</List.Item>
<List.Item as="a">X Rank Search</List.Item>
<List.Item as="a">Rotations</List.Item>
</List>
</Grid.Column>
<Grid.Column width={3}>
<Header inverted as="h4" content="Follow Sendou" />
<List link inverted>
<List.Item as="a" href="https://twitter.com/sendouc">
Twitter
</List.Item>
<List.Item as="a" href="https://www.twitch.tv/sendou">
Twitch
</List.Item>
<List.Item as="a" href="https://www.youtube.com/sendou">
YouTube
</List.Item>
<List.Item as="a" href="https://discordapp.com/invite/J6NqUvt">
Discord
</List.Item>
</List>
</Grid.Column>
<Grid.Column width={3}>
<Header inverted as="h4" content="Splatoon elsewhere" />
<List link inverted>
<List.Item as="a" href="https://splatoonwiki.org/">
Inkipedia
</List.Item>
<List.Item as="a" href="https://stat.ink/">
stat.ink
</List.Item>
<List.Item as="a">Links</List.Item>
<List.Item as="a">More</List.Item>
</List>
</Grid.Column>
<Grid.Column width={4}>
<RollSim />
</Grid.Column>
</Grid>
<Divider inverted section />
<List horizontal inverted divided link size="small">
<List.Item as="a" href="#">
About
</List.Item>
<List.Item as="a" href="#">
View Source on Github
</List.Item>
<List.Item as="a" href="#">
Join the community on Discord
</List.Item>
<List.Item as="a" href="#">
Thanks to
</List.Item>