Style
This commit is contained in:
parent
ea5fab38d5
commit
26128d0c1a
2 changed files with 17 additions and 13 deletions
|
@ -9,6 +9,12 @@
|
|||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
p {
|
||||
margin: 0.2em;
|
||||
}
|
||||
hr {
|
||||
margin: 0.2em;
|
||||
}
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
@ -124,7 +130,7 @@
|
|||
</script>
|
||||
</head>
|
||||
<body onload="checkPerms('links-to-check')">
|
||||
<h1>FastAPI test app for OIDC</h1>
|
||||
<h1>OIDC-test</h1>
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</body>
|
||||
|
|
|
@ -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 @@
|
|||
}
|
||||
</style>
|
||||
<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.
|
||||
</p>
|
||||
{% if not user %}
|
||||
|
@ -56,8 +54,8 @@
|
|||
<table class="providers">
|
||||
{% for provider in settings.oidc.providers %}
|
||||
<tr class="provider">
|
||||
<td class="provider-link">
|
||||
<a href="login/{{ provider.id }}">{{ provider.name }}</a>
|
||||
<td>
|
||||
<a class="link" href="login/{{ provider.id }}"><div>{{ provider.name }}</div></a>
|
||||
</td>
|
||||
<td class="hint">{{ provider.hint }}</div>
|
||||
</td>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue