Northbrook/TastyBites
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/TastyBites.git synced 2025-06-07 10:53:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add styling to BasketItem

Browse source 
Move footer style to its own file
Make the contact form a bit more intuitive
General cleanup
This commit is contained in:
Michał Gdula 2024-05-03 13:10:37 +01:00
parent 764aaa48ea
commit 6f97ad9a4c
9 changed files with 146 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

26
front/src/pages/PageItem.svelte
View file

@ -57,7 +57,7 @@
<p>{item.detail}</p>
</div>
<button on:click={() => { Cart.addToCart(item.uuid, 1) }}>Add to Cart</button>
<button on:click={() => { Cart.addToCart(item.uuid, 1) }} id="add-to-cart">Add to Cart</button>
</div>
{:catch error}
<div id="error">
@ -156,6 +156,30 @@
}
}
#add-to-cart {
padding: 0 $spacing-normal;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
text-shadow: 0 1px 0.5px rgba($color-dark, 0.3);;
border: 0 solid transparent;
border-radius: 9999px;
background-color: $color-primary;
color: $color-on-primary;
&:hover, &:focus {
border: 0 solid transparent;
background-color: $color-dark;
color: $color-on-dark;
outline: 0 solid transparent
}
}
.other {
margin-left: auto;
margin-right: auto;