Style
This commit is contained in:
parent
ea5fab38d5
commit
26128d0c1a
2 changed files with 17 additions and 13 deletions
|
@ -9,6 +9,12 @@
|
||||||
h1 {
|
h1 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
p {
|
||||||
|
margin: 0.2em;
|
||||||
|
}
|
||||||
|
hr {
|
||||||
|
margin: 0.2em;
|
||||||
|
}
|
||||||
.hidden {
|
.hidden {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
@ -124,7 +130,7 @@
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body onload="checkPerms('links-to-check')">
|
<body onload="checkPerms('links-to-check')">
|
||||||
<h1>FastAPI test app for OIDC</h1>
|
<h1>OIDC-test</h1>
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
</body>
|
</body>
|
||||||
|
|
|
@ -8,9 +8,6 @@
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
border: 1px solid grey;
|
border: 1px solid grey;
|
||||||
}
|
}
|
||||||
.login-box p {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
.login-box .description {
|
.login-box .description {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
@ -20,24 +17,25 @@
|
||||||
padding: 0.8em;
|
padding: 0.8em;
|
||||||
}
|
}
|
||||||
.providers .provider {
|
.providers .provider {
|
||||||
height: 2em;
|
min-height: 2em;
|
||||||
}
|
}
|
||||||
.providers .provider a {
|
.providers .provider a.link {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.providers .provider .link div {
|
||||||
|
text-align: center;
|
||||||
background-color: lightblue;
|
background-color: lightblue;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: black;
|
color: black;
|
||||||
text-decoration: none;
|
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.providers .provider .hint {
|
.providers .provider .hint {
|
||||||
font-size: 80%;
|
font-size: 80%;
|
||||||
max-width: 12em;
|
max-width: 12em;
|
||||||
}
|
}
|
||||||
.providers .provider .provider-link {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.providers .error {
|
.providers .error {
|
||||||
color: darkred;
|
color: darkred;
|
||||||
padding: 3px 6px;
|
padding: 3px 6px;
|
||||||
|
@ -47,7 +45,7 @@
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<p class="center">
|
<p class="center">
|
||||||
Test the authentication and authorization of FastAPI web based applications
|
Test the authentication and authorization,
|
||||||
with OpenID Connect and OAuth2 with different providers.
|
with OpenID Connect and OAuth2 with different providers.
|
||||||
</p>
|
</p>
|
||||||
{% if not user %}
|
{% if not user %}
|
||||||
|
@ -56,8 +54,8 @@
|
||||||
<table class="providers">
|
<table class="providers">
|
||||||
{% for provider in settings.oidc.providers %}
|
{% for provider in settings.oidc.providers %}
|
||||||
<tr class="provider">
|
<tr class="provider">
|
||||||
<td class="provider-link">
|
<td>
|
||||||
<a href="login/{{ provider.id }}">{{ provider.name }}</a>
|
<a class="link" href="login/{{ provider.id }}"><div>{{ provider.name }}</div></a>
|
||||||
</td>
|
</td>
|
||||||
<td class="hint">{{ provider.hint }}</div>
|
<td class="hint">{{ provider.hint }}</div>
|
||||||
</td>
|
</td>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue