azalea/VeracrossAnalyzerDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[F] Fix maintenance page alignment

Browse Source
This commit is contained in:
Hykilpikonna
2019-12-02 17:18:58 -05:00
parent aead3a0021
commit 03f7b1b56b
1 changed files with 36 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/overlays/maintenance.vue
+36 -12
View File
@@ -1,10 +1,12 @@
<template> <template>
<div id="maintenance"> <div id="maintenance">
<h1>We&rsquo;ll be back soon!</h1> <div id="maintenance-content">
<div> <h1>We&rsquo;ll be back soon!</h1>
<p>Sorry for the inconvenience but we&rsquo;re performing some maintenance at the moment. <div>
We&rsquo;ll be back online shortly!</p> <p>Sorry for the inconvenience but we&rsquo;re performing some maintenance at the moment.
<p>&mdash; Veracross Analyzer</p> We&rsquo;ll be back online shortly!</p>
<p>&mdash; Veracross Analyzer</p>
</div>
</div> </div>
</div> </div>
</template> </template>
@@ -19,11 +21,33 @@
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
body {text-align: center; padding: 150px;} #maintenance
h1 {font-size: 50px;} {
body {font: 20px Helvetica, sans-serif; color: #333;} z-index: 1000;
article {display: block; text-align: left; width: 650px; margin: 0 auto;} background: white;
a {color: #dc8100; text-decoration: none;} position: absolute;
a:hover {color: #333; text-decoration: none;} width: 100%;
height: 100%;
top: 0;
left: 0;
#maintenance-content
{
font: 20px Helvetica, sans-serif;
color: #333;
display: block;
text-align: left;
margin: 150px;
h1
{
font-size: 50px;
}
a {color: #dc8100; text-decoration: none;}
a:hover {color: #333; text-decoration: none;}
}
}
</style> </style>