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; align-items: center;
} }
.CartButtons{
border-radius: 15px;
border-color:antiquewhite ;
background-color: beige;
}
/* .center .btn{ /* .center .btn{
font-size: 14px !important; font-size: 14px !important;
margin-top: 20px !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.productname}}</td>
<td>{{c.productprice}}</td> <td>{{c.productprice}}</td>
<td> <td>
<button class="deleteButton" (click)="removeItem(c)">Delete</button>
<button class="CartButtons" (click)="removeItem(c)">Delete</button>
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="4"></td> <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> <td><strong>Grand Total : Rs.{{grandTotal}}</strong></td>
</tr> </tr>
</tbody> </tbody>

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

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

Loading…
Cancel
Save