janis/shop-ejs-expressjs
1
0
Fork 0
mirror of https://github.com/DerTyp7/shop-ejs-expressjs.git synced 2025-10-29 20:42:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

better error handling register

Browse Source
This commit is contained in:
Janis M
2022-03-29 14:38:40 +02:00
parent 5c128cb2ae
commit 283d2fe66f
16 changed files with 367 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
static/css/auth.css
View File

@@ -1,15 +1,11 @@
h1{
text-align: center;
}
form{
.auth_form{
display:block;
margin-left: auto;
margin-right: auto;
width: 500px;
}
form label{
.auth_form label{
display:block;
margin-left: auto;
margin-right: auto;
@@ -17,7 +13,7 @@ form label{
margin-top: 20px;
}
form label p{
.auth_form label p{
width: 100%;
display:block;
margin-left: auto;
@@ -26,7 +22,7 @@ form label p{
font-weight: bold;
letter-spacing: 1.5px;
}
form label input{
.auth_form label input{
width: 100%;
display:block;
margin-left: auto;
@@ -37,16 +33,18 @@ form label input{
background-color: rgb(255, 255, 255);
transition: 0.1s;
transition-timing-function: linear;
padding-left:5px;
padding-right: 5px;
outline: none !important;
}
form h4{
.auth_form h4{
text-align: center;
margin-top: 30px;
margin-bottom: 0px;
}
/* Submit button with blue background horizontal center*/
form input[type="submit"]{
.auth_form input[type="button"]{
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 1.5px;
@@ -68,16 +66,16 @@ form input[type="submit"]{
/* Hover */
form label input:hover{
.auth_form label input:hover{
border: 2px solid rgb(1, 197, 246);
}
form label input:focus{
.auth_form label input:focus{
border: 2px solid rgb(1, 197, 246);
box-shadow: 0 0 5px #719ece62;
}
form input[type="submit"]:hover{
.auth_form input[type="submit"]:hover{
border: 2px solid rgb(7, 130, 200);
background-color: rgb(7, 130, 200);
}

33
static/css/auth_header.css Normal file
View File

@@ -0,0 +1,33 @@
/* Header */
.auth-header {
width: 100%;
display: block;
height: 50px;
background-color: rgb(97, 102, 141);
margin-top: 0px;
padding: 0px;
}
.auth-header p{
float:left;
color:white;
font-weight: bold;
font-size: 14pt;
padding:0;
margin-left: 10px;
margin-top: 14px;
}
.auth-header .auth-header-image-container{
display: block;
margin-left: auto;
margin-right: auto;
height: 45px;
width: 45px;
padding-top: 2px;
}
.auth-header .auth-header-image-container img{
width: 100%;
height: 100%;
}

4
static/css/header.css
View File

@@ -6,10 +6,6 @@
transform: translateY(-50%);
}
body {
margin: 0;
}
/* BACKGROUND */
.headerDIV > div {
height: 100%;

10
static/css/order.css
View File

@@ -11,8 +11,7 @@
height: 30px;
}
form input[type="submit"]{
.order_form input[type="submit"]{
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 1.5px;
@@ -29,14 +28,9 @@ form input[type="submit"]{
transition-timing-function: linear;
outline: none !important;
cursor:pointer;
}
h3{
text-align: center;
}
hr{
#order-info hr{
width: 100%;
border: 0px;
background-color:rgba(51, 51, 51, 0.337);

166
static/css/product.css
View File

@@ -1,14 +1,3 @@
*{
padding:0;
}
h1, h2{
margin-left: 0px;
text-align: left;
padding-bottom: 0;
margin-bottom: 0px;
}
.seller{
display: block;
height: 30px;
@@ -34,37 +23,6 @@ h1, h2{
border: 2px solid rgb(143, 143, 143);
float:left;
}
#content
{
width: 1000px;
background-color: rgb(244, 244, 244);
margin:auto;
padding-top: 10px;
}
#productPicture
{
width: 40%;
height: 400px;
/*background-color: rgb(85, 85, 85);*/
display: block;
float: left;
border-bottom: 2px solid rgb(104, 117, 151);
}
#productPicture img
{
width: 90%;
display: block;
}
#info
{
width: 60%;
height: 400px;
display: block;
float: right;
/*background-color: rgb(121, 170, 182);*/
border-bottom: 2px solid rgb(104, 117, 151);;
}
.order-button{
color: rgb(255, 255, 255);
@@ -85,50 +43,47 @@ h1, h2{
margin-right: 30px;
margin-top: 10px;
}
#description
{
width: 100%;
display: block;
float: left;
background-color: rgba(103, 187, 183, 0);
border-bottom: 2px solid rgb(104, 117, 151);
}
#description p,h2 {
padding-left: 30px;
padding-right: 30px;
}
#newReview{
width: 100%;
display: block;
float: left;
background-color: rgba(45, 66, 94, 0);
padding-bottom: 20px;
/* Info header*/
.product-header{
height: 400px;
border-bottom: 2px solid rgb(104, 117, 151);;
}
#reviews{
width: 100%;
height: 1600px;
#product-image
{
width: 40%;
height: 400px;
display: block;
float: left;
background-color: rgba(39, 39, 39, 0);
}
#product-image img
{
width: 90%;
display: block;
}
#reviewTemplate
#product-info
{
width: 60%;
height: 400px;
display: block;
float: right;
}
/* Sections */
section
{
width: 100%;
float: left;
margin-bottom: 20px;
}
#reviewTemplatePicture
{
width: 200px;
height: 200px;
display: block;
float: left;
background-color: rgb(85, 158, 255);
background-color: rgba(103, 187, 183, 0);
border-bottom: 2px solid rgb(104, 117, 151);
padding-top:20px;
padding-bottom: 10px;
}
section p, h2 {
padding-left: 30px;
padding-right: 30px;
}
@@ -137,31 +92,40 @@ h1, h2{
width: 100%;
height: 50px;
display: block;
float: left;
background-color: rgb(124, 142, 212);
}
#text
{
width: 100%;
height: 150px;
display: block;
float: left;
background-color: rgb(211, 196, 247);
}
#reviewTemplateText
{
background-color: rgb(235, 196, 228);
/* review */
.review-container{
margin-bottom: 20px;
}
form{
.review-header{
padding-top:10px;
padding-bottom:10px;
background-color: rgb(124, 142, 212);
display:block;
width: 100%;
}
.review-content{
display: block;
width: 100%;
background-color: rgb(204, 214, 255);
padding-top:10px;
padding-bottom:20px;
}
.product-form{
display:block;
margin-left: auto;
margin-right: auto;
width: 500px;
}
form label{
.product-form label{
display:block;
margin-left: auto;
margin-right: auto;
@@ -169,7 +133,7 @@ form label{
margin-top: 20px;
}
form label p{
.product-form label p{
width: 100%;
display:block;
margin-left: auto;
@@ -178,7 +142,7 @@ form label p{
font-weight: bold;
letter-spacing: 1.5px;
}
form label input{
.product-form label input{
width: 100%;
display:block;
margin-left: auto;
@@ -192,7 +156,7 @@ form label input{
outline: none !important;
}
/* Submit button with blue background horizontal center*/
form input[type="submit"]{
.product-form input[type="submit"]{
color: rgb(255, 255, 255);
font-weight: bold;
letter-spacing: 1.5px;
@@ -214,21 +178,21 @@ form input[type="submit"]{
/* Hover */
form label input:hover{
.product-form label input:hover{
border: 2px solid rgb(1, 197, 246);
}
form label input:focus{
.product-form label input:focus{
border: 2px solid rgb(1, 197, 246);
box-shadow: 0 0 5px #719ece62;
}
form input[type="submit"]:hover{
.product-form input[type="submit"]:hover{
border: 2px solid rgb(7, 130, 200);
background-color: rgb(7, 130, 200);
}
textarea{
.product-form textarea{
resize: vertical;
width: 100%;
display:block;
@@ -237,9 +201,3 @@ textarea{
}
@media only screen and (max-width: 1030px) {
#content
{
width: 100%;
}
}

32
static/css/style.css
View File

@@ -1,5 +1,7 @@
*{
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}
html,body{
@@ -7,11 +9,16 @@ html,body{
height: 100%;
}
h1{
text-align: center;
h1, h2{
margin-left: 0px;
text-align: left;
padding-bottom: 0;
margin-bottom: 0px;
}
.text-center{
text-align: center;
}
#error-text{
color: red;
@@ -35,4 +42,21 @@ h1{
margin-right: auto;
display: block;
padding-top: 10px;
}
}
.content{
background-color: rgb(244, 244, 244);
width: 1000px;
display: block;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom: 20px;
}
@media only screen and (max-width: 1030px) {
.content
{
width: 100%;
}
}