mirror of
https://github.com/revoltchat/revite.git
synced 2024-11-22 07:00:58 -05:00
Improve Home design.
This commit is contained in:
parent
745b03452b
commit
e12efe3533
2 changed files with 31 additions and 12 deletions
|
@ -13,11 +13,17 @@
|
|||
|
||||
.actions {
|
||||
gap: 8px;
|
||||
min-width: 240px;
|
||||
|
||||
margin: auto;
|
||||
display: flex;
|
||||
width: fit-content;
|
||||
align-items: center;
|
||||
align-items: stretch;
|
||||
flex-direction: column;
|
||||
|
||||
a {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -5,9 +5,10 @@ import styles from "./Home.module.scss";
|
|||
import { Text } from "preact-i18n";
|
||||
|
||||
import wideSVG from "../../assets/wide.svg";
|
||||
import Emoji from "../../components/common/Emoji";
|
||||
import Tooltip from "../../components/common/Tooltip";
|
||||
import Button from "../../components/ui/Button";
|
||||
import Header from "../../components/ui/Header";
|
||||
import CategoryButton from "../../components/ui/fluent/CategoryButton";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
|
@ -23,26 +24,38 @@ export default function Home() {
|
|||
</h3>
|
||||
<div className={styles.actions}>
|
||||
<Link to="/invite/Testers">
|
||||
<Button contrast error>
|
||||
<CategoryButton
|
||||
action="chevron"
|
||||
icon={<Emoji emoji="😁" size={32} />}>
|
||||
Join testers server
|
||||
</Button>
|
||||
</CategoryButton>
|
||||
</Link>
|
||||
<a
|
||||
href="https://insrt.uk/donate"
|
||||
target="_blank"
|
||||
rel="noreferrer">
|
||||
<Button contrast gold>
|
||||
<CategoryButton
|
||||
action="external"
|
||||
icon={<Emoji emoji="💷" size={32} />}>
|
||||
Donate to Revolt
|
||||
</Button>
|
||||
</CategoryButton>
|
||||
</a>
|
||||
<Link to="/settings/feedback">
|
||||
<Button contrast>Give feedback</Button>
|
||||
</Link>
|
||||
<Link to="/settings">
|
||||
<Tooltip content="You can also right-click the user icon in the top left, or left click it if you're already home.">
|
||||
<Button contrast>Open settings</Button>
|
||||
</Tooltip>
|
||||
<CategoryButton
|
||||
action="chevron"
|
||||
icon={<Emoji emoji="🎉" size={32} />}>
|
||||
Give feedback
|
||||
</CategoryButton>
|
||||
</Link>
|
||||
<Tooltip content="You can also right-click the user icon in the top left, or left click it if you're already home.">
|
||||
<Link to="/settings">
|
||||
<CategoryButton
|
||||
action="chevron"
|
||||
icon={<Emoji emoji="🔧" size={32} />}>
|
||||
Settings
|
||||
</CategoryButton>
|
||||
</Link>
|
||||
</Tooltip>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
Loading…
Reference in a new issue