gtoriadotnet
/
GraphictoriaWeb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make maintenance text readable.

This commit is contained in:
gtoriadotnet 2021-12-17 23:40:09 -05:00
parent a4353fee78
commit f54ab1b066
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/resources/js/pages/Maintenance.js vendored
View File

@ -99,7 +99,7 @@ class Maintenance extends React.Component {
</Suspense>
</Canvas>
</div>
<div className="text-center mt-auto container">
<div className="text-center mt-auto container gtoria-maintenance-form">
<h1>Graphictoria is currently under maintenance.</h1>
<h4>Our cyborg team of highly trained code-monkes are working to make Graphictoria better. We'll be back soon!</h4>
<div className="input-group mt-5">

14
web/resources/sass/Graphictoria.scss vendored
View File

@ -22,12 +22,26 @@ $web-font-path: "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,w
}
// Maintenance
.gtoria-maintenance-background {
position: absolute;
width: 100%;
height: 100%;
z-index: -9999;
}
.gtoria-maintenance-form {
html.gtoria-light & {
background: radial-gradient($gray-100 5%, transparent 65%);
}
html.gtoria-dark & {
background: radial-gradient(shade-color($gray-900, 30%) 5%, transparent 65%);
}
background-repeat: no-repeat;
padding: 20px;
}
// Loader