max/gg
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update

Browse Source
This commit is contained in:
Max Hunt 2020-04-22 12:52:37 +01:00
parent 698bd211aa
commit 32cfa1d0cc
2 changed files with 99 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
views/add-item.ejs
View File

@ -58,32 +58,40 @@
<div class="cart">
&#x1F6d2; | <%= 0%>
</div>
<div class="add-item">
<a href="/additmpage">⊕</a>
</div>
</div>
</div>
<div class="sbar">
<img src="media/gg_logo.png" alt="img">
<input id="sfield" type="text" placeholder="I Want...">
<button id="sbutton">Go!</button>
<a href="#">Extras</a>
</div>
<div class="space"></div>
<div class="welcome">
<img src="media/welcome.png">
</div>
<div class="space"></div>
<div class="products">
<p>Popular:</p>
<div class="product-container">
<img src="media/var.png" alt="img">
<p class="l"><%= "Item name"%></p>
<p class="r">£<%= "20.99"%></p>
<div class="user-auth-message" id="uAuthMsg" style="display: none;"><p>Please log in to continue</p></div>
<div class="new-product-field" style="display: block;">
<p>Add product</p>
<div class="npf-short">
<input type="text" id="pName" placeholder="Product Name">
</div>
<div class="npf-long">
<input type="text" id="pDesc" placeholder="Description">
</div>
<input type="text" id="pImgUrl" placeholder="TODO: image (url)">
<input type="text" id="pLoc" placeholder="Location (eg. London)">
<input type="text" id="pStock" placeholder="Quantity in stock (default: 1)">
<div class="npf-long">
<input type="text" id="pPublic" placeholder="Display: leave empty for public, type for private, CHECKBOXES ARE FUCKING HARD">
</div>
<div class="npf-short">
<input type="text" id="pPrice" placeholder="Price £">
</div>
<button id="pSend">Submit</button>
</div>
<div class="space"></div>
</div>

72
views/css/style.css
View File

@ -322,3 +322,75 @@ footer a {
color: red;
transition: 0.3s;
}
.user-auth-message {
position: relative;
width: 100%;
text-align: center;
}
.user-auth-message p {
color: red;
font-size: 30px;
}
.new-product-field {
position: relative;
width: 100%;
}
.new-product-field p {
font-size: 25px;
color: #898989;
padding-bottom: 20px;
}
.new-product-field label {
font-size: 20px;
color: #898989;
display: inline-block;
}
.new-product-field input {
height: 40px;
width: 300px;
display: block;
font-size: 15px;
padding-left: 10px;
margin-bottom: 15px;
border-radius: 0;
border: 0.5px solid grey;
}
.new-product-field button {
height: 40px;
width: 100px;
display: block;
font-size: 19px;
font-family: osl;
box-shadow: 0px 2px 3px #A5A5A5;
margin-bottom: 15px;
border-radius: 0;
border: none;
background-color: #30a8ff;
transition: 0.3s;
}
.new-product-field button:hover {
transition: 0.3s;
background-color: #ff7700;
}
.new-product-field button:active {
transition: 0.1s;
background-color: #ffaf69;
}
.npf-long input {
width: 600px;
}
.npf-short input {
width: 150px;
}