Next.js+React web interface for controlling HAProxy clusters (groups of servers), in conjunction with with https://gitgud.io/fatchan/haproxy-protection.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
1.0 KiB
29 lines
1.0 KiB
import 'bootstrap/dist/css/bootstrap.css';
|
|
import NProgress from 'nprogress';
|
|
import Layout from '../components/Layout.js';
|
|
import "nprogress/nprogress.css";
|
|
|
|
export default function App({ Component, pageProps }) {
|
|
return (
|
|
<Layout>
|
|
<style>
|
|
{`
|
|
html, body { font-family: arial,helvetica,sans-serif; height: 100%; }
|
|
.green { color: green; }
|
|
.red { color: red; }
|
|
footer { margin-top: auto; }
|
|
.btn { font-weight: bold; }
|
|
@media (prefers-color-scheme: dark) {
|
|
:root { --bs-body-color: #fff; --bs-body-bg: #000000; }
|
|
.text-muted, a, a:visited, a:hover, .nav-link, .nav-link:hover { color:#fff!important; }
|
|
.list-group-item { color: #fff; background-color: #111111; }
|
|
input:not(.btn), option, select { color: #fff!important; background-color: #111111!important; }
|
|
.list-group-item-action:focus, .list-group-item-action:hover { color: #fff; background-color: #1F1F1F; }
|
|
.table { color: #fff; border-color: transparent !important; }
|
|
}
|
|
`}
|
|
</style>
|
|
<Component {...pageProps} />
|
|
</Layout>
|
|
);
|
|
}
|
|
|