Style
This commit is contained in:
parent
831ea063c1
commit
d8c9546c62
2 changed files with 16 additions and 10 deletions
|
@ -4,7 +4,7 @@
|
|||
<style>
|
||||
body {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
background-color: antiquewhite;
|
||||
background-color: floralwhite;
|
||||
}
|
||||
h1 {
|
||||
text-align: center;
|
||||
|
@ -29,8 +29,7 @@
|
|||
justify-content: center;
|
||||
}
|
||||
.user-info {
|
||||
padding: 1em;
|
||||
margin: 1em 0;
|
||||
padding: 0.5em;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex-direction: column;
|
||||
|
@ -39,6 +38,7 @@
|
|||
margin: 5px auto;
|
||||
box-shadow: 0px 0px 10px lightgreen;
|
||||
background-color: lightgreen;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.user-info * {
|
||||
flex: 2 1 auto;
|
||||
|
|
|
@ -3,16 +3,21 @@
|
|||
<style>
|
||||
.login-box {
|
||||
text-align: center;
|
||||
background-color: floralwhite;
|
||||
margin: 0 auto;
|
||||
background-color: antiquewhite;
|
||||
margin: 0.5em auto;
|
||||
width: fit-content;
|
||||
border: 1px solid grey;
|
||||
box-shadow: 0 0 10px #49759b88;
|
||||
border-radius: 8px;
|
||||
}
|
||||
.login-box .description {
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
background-color: #f7c7867d;
|
||||
padding: 6px;
|
||||
margin: 0;
|
||||
border-radius: 8px 8px 0 0;
|
||||
}
|
||||
.providers {
|
||||
margin: 0.5em auto;
|
||||
justify-content: center;
|
||||
padding: 0.8em;
|
||||
}
|
||||
|
@ -21,10 +26,11 @@
|
|||
}
|
||||
.providers .provider a.link {
|
||||
text-decoration: none;
|
||||
max-height: 2em;
|
||||
}
|
||||
.providers .provider .link div {
|
||||
text-align: center;
|
||||
background-color: lightblue;
|
||||
background-color: #f7c7867d;
|
||||
border-radius: 8px;
|
||||
padding: 6px;
|
||||
text-align: center;
|
||||
|
@ -34,7 +40,7 @@
|
|||
}
|
||||
.providers .provider .hint {
|
||||
font-size: 80%;
|
||||
max-width: 12em;
|
||||
max-width: 13em;
|
||||
}
|
||||
.providers .error {
|
||||
color: darkred;
|
||||
|
@ -50,7 +56,7 @@
|
|||
</p>
|
||||
{% if not user %}
|
||||
<div class="login-box">
|
||||
<p class="description">Log in with one of these authentication providers:</p>
|
||||
<p class="description">Log in with:</p>
|
||||
<table class="providers">
|
||||
{% for provider in settings.oidc.providers %}
|
||||
<tr class="provider">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue