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> </Suspense>
</Canvas> </Canvas>
</div> </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> <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> <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"> <div className="input-group mt-5">

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

@ -22,6 +22,7 @@ $web-font-path: "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,w
} }
// Maintenance // Maintenance
.gtoria-maintenance-background { .gtoria-maintenance-background {
position: absolute; position: absolute;
width: 100%; width: 100%;
@ -29,6 +30,19 @@ $web-font-path: "https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,w
z-index: -9999; 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 // Loader
.gtoria-loader-center { .gtoria-loader-center {