make home page legible
This commit is contained in:
parent
449bf00747
commit
4b13005bcc
2 changed files with 19 additions and 45 deletions
|
@ -1,42 +1,3 @@
|
||||||
.App {
|
a:hover {
|
||||||
text-align: center;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.App-logo {
|
|
||||||
height: 40vmin;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (prefers-reduced-motion: no-preference) {
|
|
||||||
.App-logo {
|
|
||||||
animation: App-logo-spin infinite 20s linear;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.App-header {
|
|
||||||
background-color: #282c34;
|
|
||||||
min-height: 100vh;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
font-size: calc(10px + 2vmin);
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
.App-link {
|
|
||||||
color: #61dafb;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes App-logo-spin {
|
|
||||||
from {
|
|
||||||
transform: rotate(0deg);
|
|
||||||
}
|
|
||||||
to {
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
|
||||||
font-size: calc(10px + 2vmin);
|
|
||||||
}
|
|
|
@ -1,10 +1,23 @@
|
||||||
import { FunctionComponent } from "react";
|
import { FunctionComponent } from "react";
|
||||||
|
import { Link } from "react-router-dom";
|
||||||
|
|
||||||
const Home: FunctionComponent = () => {
|
const Home: FunctionComponent = () => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div style={{ marginLeft: '12px' }}>
|
||||||
<h1>todo: web design</h1>
|
<div style={{ display: 'flex', padding: '16px 0' }}>
|
||||||
<a href='/dashboard'>sign in</a>
|
<img src='/src/favicon.svg' style={{ height: '40px' }} />
|
||||||
|
<h1 style={{ color: 'var(--foreground)', margin: '0', paddingLeft: '8px' }}>Automod Web UI</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<span style={{ color: 'var(--foreground)' }}>
|
||||||
|
This is a <b>work-in-progress</b> Web UI for the Automod Revolt bot.
|
||||||
|
<br />
|
||||||
|
<Link to='/dashboard'>
|
||||||
|
Open Dashboard
|
||||||
|
</Link> or <a href="https://app.revolt.chat/bot/01FHGJ3NPP7XANQQH8C2BE44ZY" target='_blank'>
|
||||||
|
add the bot to your server.
|
||||||
|
</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue