fix: stylesheet

This commit is contained in:
janishutz committed 2026-09-19 17:10:47 +02:00
1 parent 133cbfd86c
commit d744f68b12
3 files changed
+30 -8

No files matched your search

+5 -2
View File
@@ -1,10 +1,13 @@
<html> <html>
<head> <head>
<!-- NOTE: You should definitely host this yourself! (and you can adjust the style that way, too!) --> <!-- NOTE: You should definitely host this yourself! (and you can adjust the style that way, too!) -->
<link rel="stylesheet" href="https://cdn.jsdelir.net/gh/janishutz/oidclogin/public/style.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/janishutz/oidclogin/public/style.css">
</head> </head>
<body> <body>
<h1>401</h1> <div class="message-wrapper">
<h1>401</h1>
<p>Unauthorized</p>
</div>
<p>You are not authorized to view this page. Please log in</p> <p>You are not authorized to view this page. Please log in</p>
<a href="/">Back Home</a> <a href="/">Back Home</a>
</body> </body>
+6 -3
View File
@@ -1,11 +1,14 @@
<html> <html>
<head> <head>
<!-- NOTE: You should definitely host this yourself! (and you can adjust the style that way, too!) --> <!-- NOTE: You should definitely host this yourself! (and you can adjust the style that way, too!) -->
<link rel="stylesheet" href="https://cdn.jsdelir.net/gh/janishutz/oidclogin/public/style.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/janishutz/oidclogin/public/style.css">
</head> </head>
<body> <body>
<h1>500</h1> <div class="message-wrapper">
<p>Login Failed!</p> <h1>500</h1>
<p>Internal Server Error</p>
</div>
<p>There was an error logging you in. Please try again. We are sorry for the inconvenience</p>
<a href="/">Back Home</a> <a href="/">Back Home</a>
<p class="error-msg">{{ .error }}</p> <p class="error-msg">{{ .error }}</p>
</body> </body>
+19 -3
View File
@@ -1,4 +1,5 @@
html, body { html,
body {
background-color: #050505; background-color: #050505;
color: #FFFFFF; color: #FFFFFF;
width: 100vw; width: 100vw;
@@ -12,16 +13,31 @@ body {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column;
} }
h1 { .message-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.message-wrapper h1 {
font-size: 10rem; font-size: 10rem;
} }
p { .message-wrapper p {
font-size: 1.5rem; font-size: 1.5rem;
} }
a {
color: white;
background-color: #101066;
padding: 10px;
border-radius: 10px;
cursor: pointer;
}
.error-msg { .error-msg {
font-size: 0.8rem; font-size: 0.8rem;
position: fixed; position: fixed;