liz/PluralKit
liz/PluralKit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Various fixes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.eslintcache
View File

File diff suppressed because one or more lines are too long

0
src/404.html → public/404.html
View File

56
public/index.html
View File

@ -7,35 +7,8 @@
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta <meta
name="description" 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 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/ 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. 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`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>pk-web</title> <title>pk-webs</title>
<link <link
rel="stylesheet" rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
crossorigin="anonymous" 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> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div> <div id="root"></div>
<!-- <!--
This HTML file is a template. This HTML file is a template.
@ -72,5 +69,6 @@
To begin the development, run `npm start` or `yarn start`. To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`. To create a production bundle, use `npm run build` or `yarn build`.
--> -->
</body> </body>
</html> </html>

2
src/App.js
View File

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

13
src/Custom.scss
View File

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

2
src/index.js
View File

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