chore: update home buttons

This commit is contained in:
Paul Makles 2022-01-10 18:53:10 +00:00
parent 450b404ec5
commit 599aab9a31
3 changed files with 27 additions and 19 deletions

2
external/lang vendored

@ -1 +1 @@
Subproject commit 91eb519b08d2c6061b99879a00529b0d60cdcc2f Subproject commit 8581abf5e838edca5890ec44be0c9f0a37006009

View file

@ -43,6 +43,12 @@
@media (max-width: 600px) { @media (max-width: 600px) {
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
} }
// lol
> * > *,
> :last-child > * > * {
height: 100%;
}
} }
} }
} }

View file

@ -98,9 +98,9 @@ export default observer(() => {
action="chevron" action="chevron"
icon={<PlusCircle size={32} />} icon={<PlusCircle size={32} />}
description={ description={
"Invite all of your friends, some cool bots, and throw a big party." <Text id="app.home.group_desc" />
}> }>
Create a group <Text id="app.home.group" />
</CategoryButton> </CategoryButton>
</Link> </Link>
<Link to="/discover"> <Link to="/discover">
@ -109,9 +109,9 @@ export default observer(() => {
action="chevron" action="chevron"
icon={<Compass size={32} />} icon={<Compass size={32} />}
description={ description={
"Find a community based on your hobbies or interests." <Text id="app.home.discover_desc" />
}> }>
Join a community <Text id="app.home.discover" />
</CategoryButton> </CategoryButton>
</a> </a>
</Link> </Link>
@ -124,7 +124,7 @@ export default observer(() => {
action="chevron" action="chevron"
icon={<RightArrowCircle size={32} />} icon={<RightArrowCircle size={32} />}
description={ description={
"You can report issues and discuss improvements with us directly here." <Text id="app.home.goto-testers_desc" />
}> }>
<Text id="app.home.goto-testers" /> <Text id="app.home.goto-testers" />
</CategoryButton> </CategoryButton>
@ -135,7 +135,7 @@ export default observer(() => {
action="chevron" action="chevron"
icon={<Group size={32} />} icon={<Group size={32} />}
description={ description={
"You can report issues and discuss improvements with us directly here." <Text id="app.home.join-testers_desc" />
}> }>
<Text id="app.home.join-testers" /> <Text id="app.home.join-testers" />
</CategoryButton> </CategoryButton>
@ -147,7 +147,7 @@ export default observer(() => {
action="chevron" action="chevron"
icon={<Megaphone size={32} />} icon={<Megaphone size={32} />}
description={ description={
"Let us know how we can improve our app by giving us feedback." <Text id="app.home.feedback_desc" />
}> }>
<Text id="app.home.feedback" /> <Text id="app.home.feedback" />
</CategoryButton> </CategoryButton>
@ -159,15 +159,16 @@ export default observer(() => {
<CategoryButton <CategoryButton
action="external" action="external"
description={ description={
"Support the project by donating - thank you!" <Text id="app.home.donate_desc" />
} }
icon={<Money size={32} />}> icon={<Money size={32} />}>
<Text id="app.home.donate" /> <Text id="app.home.donate" />
</CategoryButton> </CategoryButton>
</a> </a>
</div>
<Tooltip <Tooltip
content={<Text id="app.home.settings-tooltip" />}> content={
<Text id="app.home.settings-tooltip" />
}>
<Link to="/settings"> <Link to="/settings">
<CategoryButton <CategoryButton
action="chevron" action="chevron"
@ -176,6 +177,7 @@ export default observer(() => {
</CategoryButton> </CategoryButton>
</Link> </Link>
</Tooltip> </Tooltip>
</div>
{isDecember && ( {isDecember && (
<a href="#" onClick={toggleSeasonalTheme}> <a href="#" onClick={toggleSeasonalTheme}>
Turn {seasonalTheme ? "off" : "on"} homescreen Turn {seasonalTheme ? "off" : "on"} homescreen