lucaspatenaude/ScoreSpot
1
0
Fork 0
Code Projects 1 Releases 1 Wiki Activity

Register and login pages conformed

Browse Source
This commit is contained in:
Lucas Patenaude
2024-04-24 02:47:26 -06:00
parent 1734c288be
commit 31637aaef4
5 changed files with 16 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
ProjectSourceCode/src/resources/css/login_and_registration.css
View File

@@ -1,13 +1,19 @@
/* Styling to center login page items */ .account-portal-container {
.login-page { width: 400px;
height: 50%; height: 408px;
display: flex; position: absolute;
justify-content: center; /* Center items horizontally */ top: 150px; /* Adjust this value as needed */
align-items: center; /* Center items vertically */ right: 20px; /* Adjust this value as needed */
z-index: 5;
background: linear-gradient(to bottom, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
border: 1px solid gray;
} }
.form-container { .form-container {
width: 25%; width: 50%; /* Adjust width as needed */
margin: 0 auto; /* Center horizontally */
text-align: center; /* Center text horizontally */
} }
/* Styling to center register page items */ /* Styling to center register page items */
@@ -30,13 +36,6 @@ body {
margin : 100x; margin : 100x;
} }
/* Center form items */
.form-container {
width: 50%; /* Adjust width as needed */
margin: 0 auto; /* Center horizontally */
text-align: center; /* Center text horizontally */
}
/* Apply modern styling to inputs and select elements */ /* Apply modern styling to inputs and select elements */
#form-control, #form-control,
select { select {

11
ProjectSourceCode/src/resources/css/navigation-bar/login.css
View File

@@ -3,16 +3,7 @@
} }
#login-page { #login-page {
width: 400px;
height: fit-content;
position: absolute;
top: 150px; /* Adjust this value as needed */
right: 20px; /* Adjust this value as needed */
z-index: 5;
background: linear-gradient(to bottom, white, rgb(245, 245, 245), rgb(227, 227, 227)); /* Gradient from white to gray */
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
border: 1px solid gray;
border-radius: 8px;
} }
#login-submit { #login-submit {

18
ProjectSourceCode/src/resources/css/navigation-bar/registration.css
View File

@@ -2,24 +2,6 @@
display: none; display: none;
} }
#register-page {
width: 600px;
height: fit-content;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
z-index: 5;
background: linear-gradient(to bottom, white, rgb(245, 245, 245), rgb(227, 227, 227));
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5);
border: 1px solid gray;
}
#register-page button { #register-page button {
padding: 5px 10px; padding: 5px 10px;
background-color: red; background-color: red;

2
ProjectSourceCode/src/views/partials/navigation-bar/login.hbs
View File

@@ -1,5 +1,5 @@
<!-- Linking forms.css --> <!-- Linking forms.css -->
<div class="login-page" id="login-page"> <div class="account-portal-container" id="login-page">
<div class="form-container" id="login-form"> <div class="form-container" id="login-form">
<h1 class="mt-5 mb-4">Login</h1> <h1 class="mt-5 mb-4">Login</h1>

2
ProjectSourceCode/src/views/partials/navigation-bar/register.hbs
View File

@@ -1,4 +1,4 @@
<div class="register-page" id="register-page"> <div class="account-portal-container" id="register-page">
<div class="form-container"> <div class="form-container">
<h1 class="mt-5 mb-4">Register</h1> <h1 class="mt-5 mb-4">Register</h1>