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 { .lds-circle {
display: inline-block; display: inline-block;
transform: translateZ(1px); transform: translateZ(1px);
} }
.lds-circle > div { .lds-circle > div {

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

@ -3,7 +3,11 @@
@if(Product == null && ErrorMessage == null) @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) else if(ErrorMessage != null)
{ {

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

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

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

@ -2,7 +2,11 @@
@inherits ShoppingCartBase @inherits ShoppingCartBase
@if(ShoppingCartItems == null && ErrorMessage == null) { @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) { else if(ErrorMessage != null) {
<DisplayError ErrorMessage="@ErrorMessage"></DisplayError> <DisplayError ErrorMessage="@ErrorMessage"></DisplayError>