Various fixes

This commit is contained in:
Spectralitree 2020-12-09 23:56:35 +01:00
parent 63eecd3f94
commit f526a6c40f
6 changed files with 40 additions and 35 deletions

File diff suppressed because one or more lines are too long

View File

@ -7,11 +7,31 @@
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="A web interface for pluralkit"
content="A web interface for pluralkit."
/>
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="public/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
<!-- Start Single Page Apps for GitHub Pages -->
<script type="text/javascript">
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>pk-webs</title>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
crossorigin="anonymous"
/>
<script type="text/javascript">
// Single Page Apps for GitHub Pages
// MIT License
// https://github.com/rafgraph/spa-github-pages
@ -32,35 +52,12 @@
);
}
}(window.location))
</script>
<!-- End Single Page Apps for GitHub Pages -->
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="public/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>pk-web</title>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
crossorigin="anonymous"
/>
</script>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
@ -72,5 +69,6 @@
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>

View File

@ -60,7 +60,7 @@ export default function App() {
return (
<Router history={history}>
<Router history={history} basename="/pk-webs">
<Navigation isSubmit={isSubmit} setIsSubmit={setIsSubmit} />
<BS.Container>
<Switch>

View File

@ -8,7 +8,7 @@
color: $white;
background-color: $gray-800;
border: 1px solid #191c1f !important;
transition: background-color 0.3s ease;
}
.dark-mode .card-body {
@ -37,13 +37,20 @@
color: $gray-100 !important;
}
.dark-mode .card .form-control {
.dark-mode .form-control {
color: $gray-200;
border-color: #191c1f;
background-color: $gray-900;
transition: background-color 0.3s ease;
}
.dark-mode .form-control:focus {
color: $gray-200;
border-color: #191c1f;
background-color: $gray-900;
}
.dark-mode .alert-danger {
color: $white;
background-color: $danger;

View File

@ -6,7 +6,7 @@ import './index.css';
import App from './App';
ReactDOM.render(
<Router history={history}>
<Router history={history} basename="/pk-webs">
<App />
</Router>,
document.getElementById('root')