kira
/
ShopOnlineSolution
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Made the spinner appear in the center.

This commit is contained in:
Kira 2022-09-14 15:23:59 -07:00
parent 78f91aa270
commit ab44138697
4 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ShopOnline.Web/Pages/DisplaySpinner.razor.css
View File

@ -1,6 +1,7 @@
.lds-circle {
display: inline-block;
transform: translateZ(1px);
}
.lds-circle > div {

6
ShopOnline.Web/Pages/ProductDetails.razor
View File

@ -3,7 +3,11 @@
@if(Product == null && ErrorMessage == null)
{
<DisplaySpinner/>
<div class="row d-flex justify-content-center">
<div class="col-md-1">
<DisplaySpinner />
</div>
</div>
}
else if(ErrorMessage != null)
{

7
ShopOnline.Web/Pages/Products.razor
View File

@ -4,7 +4,12 @@
@if (Products == null)
{
<DisplaySpinner />
<div class="row d-flex justify-content-center">
<div class="col-md-1">
<DisplaySpinner/>
</div>
</div>
}
else
{

6
ShopOnline.Web/Pages/ShoppingCart.razor
View File

@ -2,7 +2,11 @@
@inherits ShoppingCartBase
@if(ShoppingCartItems == null && ErrorMessage == null) {
<DisplaySpinner></DisplaySpinner>
<div class="row d-flex justify-content-center">
<div class="col-md-1">
<DisplaySpinner />
</div>
</div>
}
else if(ErrorMessage != null) {
<DisplayError ErrorMessage="@ErrorMessage"></DisplayError>