philorg/oidc-fastapi-test
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

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

Browse source
This commit is contained in:
phil 2025-01-13 17:01:11 +01:00
parent 831ea063c1
commit d8c9546c62
2 changed files with 16 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/oidc_test/templates/base.html
View file

@ -4,7 +4,7 @@
<style> <style>
body { body {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
background-color: antiquewhite; background-color: floralwhite;
} }
h1 { h1 {
text-align: center; text-align: center;
@ -29,8 +29,7 @@
justify-content: center; justify-content: center;
} }
.user-info { .user-info {
padding: 1em; padding: 0.5em;
margin: 1em 0;
display: flex; display: flex;
gap: 0.5em; gap: 0.5em;
flex-direction: column; flex-direction: column;
@ -39,6 +38,7 @@
margin: 5px auto; margin: 5px auto;
box-shadow: 0px 0px 10px lightgreen; box-shadow: 0px 0px 10px lightgreen;
background-color: lightgreen; background-color: lightgreen;
border-radius: 8px;
} }
.user-info * { .user-info * {
flex: 2 1 auto; flex: 2 1 auto;

20
src/oidc_test/templates/home.html
View file

@ -3,16 +3,21 @@
<style> <style>
.login-box { .login-box {
text-align: center; text-align: center;
background-color: floralwhite; background-color: antiquewhite;
margin: 0 auto; margin: 0.5em auto;
width: fit-content; width: fit-content;
border: 1px solid grey; box-shadow: 0 0 10px #49759b88;
border-radius: 8px;
} }
.login-box .description { .login-box .description {
font-style: italic; font-style: italic;
font-weight: bold;
background-color: #f7c7867d;
padding: 6px;
margin: 0;
border-radius: 8px 8px 0 0;
} }
.providers { .providers {
margin: 0.5em auto;
justify-content: center; justify-content: center;
padding: 0.8em; padding: 0.8em;
} }
@ -21,10 +26,11 @@
} }
.providers .provider a.link { .providers .provider a.link {
text-decoration: none; text-decoration: none;
max-height: 2em;
} }
.providers .provider .link div { .providers .provider .link div {
text-align: center; text-align: center;
background-color: lightblue; background-color: #f7c7867d;
border-radius: 8px; border-radius: 8px;
padding: 6px; padding: 6px;
text-align: center; text-align: center;
@ -34,7 +40,7 @@
} }
.providers .provider .hint { .providers .provider .hint {
font-size: 80%; font-size: 80%;
max-width: 12em; max-width: 13em;
} }
.providers .error { .providers .error {
color: darkred; color: darkred;
@ -50,7 +56,7 @@
</p> </p>
{% if not user %} {% if not user %}
<div class="login-box"> <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"> <table class="providers">
{% for provider in settings.oidc.providers %} {% for provider in settings.oidc.providers %}
<tr class="provider"> <tr class="provider">