Skip to content

Commit 0db6397

Browse files
T0biiiT0biii
authored
Update Go Login (#848)
1 parent a26c19d commit 0db6397

File tree

1 file changed

+111
-143
lines changed

1 file changed

+111
-143
lines changed

‎pkg/authnz/authtemplates/base.go.html

Lines changed: 111 additions & 143 deletions
Original file line numberDiff line numberDiff line change
@@ -1,149 +1,117 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8">
5-
<title>Sign In</title>
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<style>
8-
* {
9-
font-family: monospace;
10-
font-size: 16px;
11-
-webkit-font-smoothing: antialiased;
12-
-moz-osx-font-smoothing: grayscale;
13-
}
14-
15-
body {
16-
background-color: #3899c9;
17-
}
18-
19-
.form {
20-
position: absolute;
21-
top: 50%;
22-
left: 50%;
23-
transform: translate(-50%, -50%);
24-
background-color: #fff;
25-
width: 285px;
26-
padding: 40px;
27-
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
28-
}
29-
30-
.form h2 {
31-
margin: 0 0 35px;
32-
text-align: center;
33-
line-height: 1;
34-
color: black;
35-
font-size: 22px;
36-
font-weight: 400;
37-
}
38-
39-
.form input {
40-
outline: none;
41-
display: block;
42-
width: 100%;
43-
padding: 10px 15px;
44-
border: 1px solid #ccc;
45-
color: #666;
46-
box-sizing: border-box;
47-
}
48-
49-
.form label {
50-
margin: 10px 0 0;
51-
display: block;
52-
}
53-
54-
.form a {
55-
display: block;
56-
}
57-
58-
.form > * {
59-
margin: 0 0 20px;
60-
}
61-
62-
.form > *:last-child {
63-
margin-bottom: 0;
64-
}
65-
66-
.form input:focus {
67-
color: #333;
68-
border: 1px solid #44c4e7;
69-
}
70-
71-
.form button {
72-
cursor: pointer;
73-
background: #44c4e7;
74-
width: 100%;
75-
padding: 10px 15px;
76-
border: 0;
77-
color: #fff;
78-
text-transform: capitalize;
79-
}
80-
81-
.form #submit {
82-
margin: 20px 0 0;
83-
}
84-
85-
.form button:hover {
86-
background: #369cb8;
87-
}
88-
89-
.form hr {
90-
position: relative;
91-
width: 55%;
92-
margin-left: auto;
93-
margin-right: auto;
94-
overflow: visible;
95-
background-color: #4d4d4d;
96-
}
97-
98-
.form hr:after {
99-
content: "";
100-
position: absolute;
101-
left: 50%;
102-
top: 50%;
103-
transform: translate(-50%, -50%);
104-
width: 4px;
105-
height: 4px;
106-
background-color: #4d4d4d;
107-
border-radius: 50%;
108-
}
109-
110-
.form .error {
111-
color: red;
112-
}
113-
114-
@media (prefers-color-scheme: dark) {
115-
body {
116-
background-color: #165a7d;
117-
}
118-
119-
.form {
120-
background-color: #121212;
121-
}
122-
123-
.form h2 {
124-
color: #fff;
125-
}
126-
127-
.form button{
128-
background: #1B6C8F;
129-
}
130-
131-
.form input {
132-
background: #333;
133-
color: #fff;
134-
}
135-
136-
.form input:focus {
137-
color: #fff;
138-
border: 1px solid #44c4e7;
139-
}
140-
141-
.form label {
142-
color: #fff
143-
}
144-
145-
}
146-
</style>
4+
<meta charset="UTF-8">
5+
<title>Sign In</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<style>
8+
* {
9+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
10+
box-sizing: border-box;
11+
}
12+
13+
body {
14+
background: linear-gradient(135deg, #3899c9 0%, #165a7d 100%);
15+
margin: 0;
16+
min-height: 100vh;
17+
display: flex;
18+
align-items: center;
19+
justify-content: center;
20+
}
21+
22+
.form {
23+
background-color: #ffffff;
24+
width: 100%;
25+
max-width: 400px;
26+
padding: 2.5rem;
27+
border-radius: 12px;
28+
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
29+
margin: 1rem;
30+
}
31+
32+
.form h2 {
33+
margin: 0 0 1.5rem;
34+
text-align: center;
35+
color: #1a1a1a;
36+
font-size: 1.75rem;
37+
font-weight: 600;
38+
}
39+
40+
.form input {
41+
width: 100%;
42+
padding: 0.75rem 1rem;
43+
margin: 0.5rem 0 1rem;
44+
border: 2px solid #e0e0e0;
45+
border-radius: 8px;
46+
font-size: 1rem;
47+
transition: all 0.3s ease;
48+
}
49+
50+
.form label {
51+
color: #666;
52+
font-size: 0.9rem;
53+
font-weight: 500;
54+
}
55+
56+
.form button {
57+
width: 100%;
58+
padding: 0.75rem;
59+
border: none;
60+
border-radius: 8px;
61+
background: #3899c9;
62+
color: white;
63+
font-size: 1rem;
64+
font-weight: 500;
65+
cursor: pointer;
66+
transition: all 0.3s ease;
67+
margin: 0.5rem 0;
68+
}
69+
70+
.form button:hover {
71+
background: #2d7aa3;
72+
transform: translateY(-1px);
73+
}
74+
75+
.form .error {
76+
color: #dc3545;
77+
font-size: 0.9rem;
78+
margin-top: 1rem;
79+
text-align: center;
80+
}
81+
82+
@media (prefers-color-scheme: dark) {
83+
.form {
84+
background-color: #1a1a1a;
85+
}
86+
87+
.form h2 {
88+
color: #ffffff;
89+
}
90+
91+
.form input {
92+
background-color: #333;
93+
border-color: #444;
94+
color: #ffffff;
95+
}
96+
97+
.form input:focus {
98+
border-color: #3899c9;
99+
background-color: #2a2a2a;
100+
}
101+
102+
.form label {
103+
color: #e0e0e0;
104+
}
105+
106+
.form button {
107+
background: #3899c9;
108+
}
109+
110+
.form button:hover {
111+
background: #2d7aa3;
112+
}
113+
}
114+
</style>
147115
</head>
148116
<body>
149117
{{block "body" .}}{{end}}

0 commit comments

Comments
 (0)