This commit is contained in:
Anthony Stirling 2023-05-31 00:17:48 +01:00
parent 192fb39302
commit 26d003e840

View File

@ -1,6 +1,6 @@
<th:block th:fragment="errorBannerPerPage"> <th:block th:fragment="errorBannerPerPage">
<style> <style scoped>
#github-button, #github-button,
#discord-button { #discord-button {
display: inline-block; display: inline-block;
@ -18,6 +18,7 @@
background-color: #005b7f; background-color: #005b7f;
} }
</style> </style>
<div id="errorContainer" class="alert alert-danger alert-dismissible fade show" role="alert" style="display: none;"> <div id="errorContainer" class="alert alert-danger alert-dismissible fade show" role="alert" style="display: none;">
<h4 class="alert-heading">Error</h4> <h4 class="alert-heading">Error</h4>
<p></p> <p></p>
@ -39,34 +40,34 @@
</div> </div>
<!-- Help Modal --> <!-- Help Modal -->
<style> <style scoped>
#helpModalDialog { #helpModalDialog {
width: 90%; width: 90%;
max-width: 800px; max-width: 800px;
} }
h1 { #helpModal h1 {
text-align: center; text-align: center;
margin-top: 10%; margin-top: 10%;
} }
p { #helpModal p {
text-align: center; text-align: center;
margin-top: 2em; margin-top: 2em;
} }
.button:hover { #helpModal .button:hover {
background-color: #005b7f; background-color: #005b7f;
} }
.features-container { #helpModal .features-container {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(21rem, 3fr)); grid-template-columns: repeat(auto-fill, minmax(21rem, 3fr));
gap: 25px 30px; gap: 25px 30px;
} }
.feature-card { #helpModal .feature-card {
border: 1px solid rgba(0, 0, 0, .125); border: 1px solid rgba(0, 0, 0, .125);
border-radius: 0.25rem; border-radius: 0.25rem;
padding: 1.25rem; padding: 1.25rem;
@ -75,7 +76,7 @@
align-items: flex-start; align-items: flex-start;
} }
.feature-card .card-text { #helpModal .feature-card .card-text {
flex: 1; flex: 1;
} }