Style
Some checks failed
/ build (push) Failing after 14s
/ test (push) Successful in 5s

This commit is contained in:
phil 2025-01-11 03:54:53 +01:00
parent ea5fab38d5
commit 26128d0c1a
2 changed files with 17 additions and 13 deletions

View file

@ -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>

View file

@ -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>