abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-08 01:45:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: update home buttons

Browse Source
This commit is contained in:
Paul Makles
2022-01-10 18:53:10 +00:00
parent 313b362e09
commit 24f4af0856
3 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
external/lang vendored

Submodule external/lang updated: 91eb519b08...8581abf5e8

6
src/pages/home/Home.module.scss
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%;
}
} }
} }
} }

38
src/pages/home/Home.tsx
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,23 +159,25 @@ 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>
<Tooltip
content={
<Text id="app.home.settings-tooltip" />
}>
<Link to="/settings">
<CategoryButton
action="chevron"
icon={<Cog size={32} />}>
<Text id="app.home.settings" />
</CategoryButton>
</Link>
</Tooltip>
</div> </div>
<Tooltip
content={<Text id="app.home.settings-tooltip" />}>
<Link to="/settings">
<CategoryButton
action="chevron"
icon={<Cog size={32} />}>
<Text id="app.home.settings" />
</CategoryButton>
</Link>
</Tooltip>
{isDecember && ( {isDecember && (
<a href="#" onClick={toggleSeasonalTheme}> <a href="#" onClick={toggleSeasonalTheme}>
Turn {seasonalTheme ? "off" : "on"} homescreen Turn {seasonalTheme ? "off" : "on"} homescreen