gitea
/
POS-Diagnostic-Assist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

login style

This commit is contained in:
Alomairi 2024-09-03 09:45:57 +00:00
parent d8eacb0d49
commit 74e46bfc63
2 changed files with 35 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
static/css/login-style.css
View File

@ -8,7 +8,7 @@
} }
body { body {
background: linear-gradient(90deg, #C7C5F4, #776BCC); background: linear-gradient(90deg, #0066cc, #33ccff);
overflow: hidden; overflow: hidden;
} }
@ -137,6 +137,9 @@ body {
cursor: pointer; cursor: pointer;
transition: .2s; transition: .2s;
} }
.login__submit:hover {
background: #96dcf3;
}
.login__submit:active, .login__submit:active,
.login__submit:focus, .login__submit:focus,
@ -192,4 +195,13 @@ body {
.logo{ .logo{
width: 64px; width: 64px;
}
.login-footer{
padding: 4px;
margin-top: -21px;
container-type: inline-size;
color: #000;
font-size: 12px;
font-family: serif;
} }

28
views/login.ejs
View File

@ -3,6 +3,20 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/images/favicon/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
<link rel="manifest" href="/images/favicon/site.webmanifest">
<link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/images/favicon/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Pax S90">
<meta name="application-name" content="Pax S90">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-TileImage" content="/images/favicon/mstile-144x144.png">
<meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<title>Login</title> <title>Login</title>
<link rel="stylesheet" href="/css/login-style.css"> <link rel="stylesheet" href="/css/login-style.css">
</head> </head>
@ -15,13 +29,10 @@
<div class="screen__content"> <div class="screen__content">
<div class="login-title"> <div class="login-title">
<h3>Terminal Diagnostic Helper</h3> <h3>Terminal Diagnostic Helper</h3>
<span>v1.0.0</span> <span id="version"></span>
<!-- <p class="login-title"> <br> </p> --> <!-- <p class="login-title"> <br> </p> -->
</div> </div>
<form class="login" action="/auth" method="post"> <form class="login" action="/auth" method="post">
<% if (message) { %> <% if (message) { %>
<div class="error-message"><%= message %></div> <div class="error-message"><%= message %></div>
@ -43,7 +54,7 @@
<div class="social-login"> <div class="social-login">
<img class="logo" src="/images/logo.png" alt="" sizes="20px" > <img class="logo" src="/images/favicon/favicon.ico" alt="" sizes="20px" >
<h3>SERVICE VOLGA</h3> <h3>SERVICE VOLGA</h3>
<div class="social-icons"> <div class="social-icons">
<a href="#" class="social-login__icon fab fa-instagram"></a> <a href="#" class="social-login__icon fab fa-instagram"></a>
@ -58,10 +69,15 @@
<span class="screen__background__shape screen__background__shape2"></span> <span class="screen__background__shape screen__background__shape2"></span>
<span class="screen__background__shape screen__background__shape1"></span> <span class="screen__background__shape screen__background__shape1"></span>
</div> </div>
<p> © 2024 Ал Омаири Ахмед </p> <p class="login-footer"> © 2024 Ал Омаири Ахмед </p>
</div> </div>
</div> </div>
</body> </body>
<script src="js/auth.js"></script>
<script>
const version = document.getElementById('version');
version.innerText = serverEnv.version
</script>
</html> </html>