From 26128d0c1a21041245aa4aa984dd640e666c2a4a Mon Sep 17 00:00:00 2001 From: phil Date: Sat, 11 Jan 2025 03:54:53 +0100 Subject: [PATCH] Style --- src/oidc_test/templates/base.html | 8 +++++++- src/oidc_test/templates/home.html | 22 ++++++++++------------ 2 files changed, 17 insertions(+), 13 deletions(-) diff --git a/src/oidc_test/templates/base.html b/src/oidc_test/templates/base.html index 1b66ac2..c3e1163 100644 --- a/src/oidc_test/templates/base.html +++ b/src/oidc_test/templates/base.html @@ -9,6 +9,12 @@ h1 { text-align: center; } + p { + margin: 0.2em; + } + hr { + margin: 0.2em; + } .hidden { display: none; } @@ -124,7 +130,7 @@ -

FastAPI test app for OIDC

+

OIDC-test

{% block content %} {% endblock %} diff --git a/src/oidc_test/templates/home.html b/src/oidc_test/templates/home.html index c3d9cdb..653a499 100644 --- a/src/oidc_test/templates/home.html +++ b/src/oidc_test/templates/home.html @@ -8,9 +8,6 @@ width: fit-content; border: 1px solid grey; } - .login-box p { - margin: 0; - } .login-box .description { font-style: italic; } @@ -20,24 +17,25 @@ padding: 0.8em; } .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; border-radius: 8px; padding: 6px; text-align: center; color: black; - text-decoration: none; font-weight: bold; + cursor: pointer; } .providers .provider .hint { font-size: 80%; max-width: 12em; } - .providers .provider .provider-link { - text-align: center; - } .providers .error { color: darkred; padding: 3px 6px; @@ -47,7 +45,7 @@ }

- Test the authentication and authorization of FastAPI web based applications + Test the authentication and authorization, with OpenID Connect and OAuth2 with different providers.

{% if not user %} @@ -56,8 +54,8 @@ {% for provider in settings.oidc.providers %} -
- {{ provider.name }} + +
{{ provider.name }}
 		{{ provider.hint }}