Browse Source

some products are added and minor css work

gauravAngular
Gaurav 4 years ago
parent
commit
d4d8e79dcf
3 changed files with 13 additions and 7 deletions
  1. 5
      Angular-UrbanBazaar/src/app/components/cart/cart.component.css
  2. 8
      Angular-UrbanBazaar/src/app/components/cart/cart.component.html
  3. 7
      Angular-UrbanBazaar/src/app/components/home/home.component.css

5
Angular-UrbanBazaar/src/app/components/cart/cart.component.css

@ -29,6 +29,11 @@ h4,h6{
align-items: center;
}
.CartButtons{
border-radius: 15px;
border-color:antiquewhite ;
background-color: beige;
}
/* .center .btn{
font-size: 14px !important;
margin-top: 20px !important;

8
Angular-UrbanBazaar/src/app/components/cart/cart.component.html

@ -18,14 +18,14 @@
<td>{{c.productname}}</td>
<td>{{c.productprice}}</td>
<td>
<button class="deleteButton" (click)="removeItem(c)">Delete</button>
<button class="CartButtons" (click)="removeItem(c)">Delete</button>
</td>
</tr>
<tr>
<td colspan="4"></td>
<td><button (click)=emptyCart()>Empty Cart</button></td>
<td><button routerLink='/'>Shop More</button></td>
<td><button>Checkout</button></td>
<td><button (click)=emptyCart() class="CartButtons">Empty Cart</button></td>
<td><button routerLink='/' class="CartButtons">Shop More</button></td>
<td><button class="CartButtons">Checkout</button></td>
<td><strong>Grand Total : Rs.{{grandTotal}}</strong></td>
</tr>
</tbody>

7
Angular-UrbanBazaar/src/app/components/home/home.component.css

@ -6,10 +6,11 @@ body {
}
.showCart{
margin-left: 1250px;
position: fixed;
left: 1195px;
top: 61px;
border-radius: 15px;
padding: 10px;
margin-top: 5px;
border-color: antiquewhite;
}
@ -25,7 +26,7 @@ body {
border-width: 1px;
border-color:antiquewhite;
text-align: center;
margin-top: 10px;
margin-top: 11px;
font-family: Arial, Helvetica, sans-serif;
border-radius: 12px;
box-shadow: 0.5em;

Loading…
Cancel
Save