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,35 +7,8 @@
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="A web interface for pluralkit"
content="A web interface for pluralkit."
/>
<!-- Start Single Page Apps for GitHub Pages -->
<script type="text/javascript">
// Single Page Apps for GitHub Pages
// MIT License
// https://github.com/rafgraph/spa-github-pages
// This script checks to see if a redirect is present in the query string,
// converts it back into the correct url and adds it to the
// browser's history using window.history.replaceState(...),
// which won't cause the browser to attempt to load the new url.
// When the single page app is loaded further down in this file,
// the correct url will be waiting in the browser's history for
// the single page app to route accordingly.
(function(l) {
if (l.search[1] === '/' ) {
var decoded = l.search.slice(1).split('&').map(function(s) {
return s.replace(/~and~/g, '&')
}).join('?');
window.history.replaceState(null, null,
l.pathname.slice(0, -1) + decoded + l.hash
);
}
}(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/
@ -50,17 +23,41 @@
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>
<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
// This script checks to see if a redirect is present in the query string,
// converts it back into the correct url and adds it to the
// browser's history using window.history.replaceState(...),
// which won't cause the browser to attempt to load the new url.
// When the single page app is loaded further down in this file,
// the correct url will be waiting in the browser's history for
// the single page app to route accordingly.
(function(l) {
if (l.search[1] === '/' ) {
var decoded = l.search.slice(1).split('&').map(function(s) {
return s.replace(/~and~/g, '&')
}).join('?');
window.history.replaceState(null, null,
l.pathname.slice(0, -1) + decoded + l.hash
);
}
}(window.location))
</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 {
@ -22,7 +22,7 @@
background-color: $gray-900;
transition: background-color 0.3s ease;
}
.navbar-light {
background-color: $gray-100;
}
@ -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')