Fix blocchi dei filtri ordini

This commit is contained in:
Samuele Locatelli
2023-05-03 17:11:33 +02:00
parent 9ff6025061
commit 96c4b3078b
4 changed files with 25 additions and 21 deletions
+18 -14
View File
@@ -1,25 +1,29 @@
@page "/OrderDetails"
<div style="padding-left: 2.1rem !important; padding-right: 2.1rem !important;">
<div style="padding-left: 1.5rem !important; padding-right: 1.5rem !important; ">
@if (orderView != null)
{
<div class="testataOrder px-4" style="--bgStepColor: @stepColor">
<div>
<div class="badge rounded-pilll bg-dark text-light">Insert Date</div>
<div>@orderView.DateIns</div>
<div class="testataOrder px-5 d-flex justify-content-between bg-dark text-light" style="--bgStepColor: @stepColor">
<div class="border border-light rounded px-3 d-flex justify-content-between small">
<div >Insert Date:</div>
<div>&nbsp;</div>
<div class=" fw-bold">@orderView.DateIns</div>
</div>
<div>
<div class="badge rounded-pilll bg-dark text-light">Order External Code</div>
<div>@orderView.OrderExtCode</div>
<div class="border border-light rounded px-3 d-flex justify-content-between small">
<div>Order External Code:</div>
<div>&nbsp;</div>
<div class="fw-bold">@orderView.OrderExtCode</div>
</div>
<div>
<div class="badge rounded-pilll bg-dark text-light">Models Number</div>
<div class="text-center">@orderView.NumType</div>
<div class="border border-light rounded px-3 d-flex justify-content-between small">
<div>Models Number</div>
<div>&nbsp;</div>
<div class="fw-bold">@orderView.NumType</div>
</div>
<div>
<div class="badge rounded-pilll bg-dark text-light">Doors Number</div>
<div class="text-center">@orderView.NumDoors</div>
<div class="border border-light rounded px-3 d-flex justify-content-between small">
<div class="text-center">Doors Number</div>
<div>&nbsp;</div>
<div class="fw-bold">@orderView.NumDoors</div>
</div>
@*<div>
@@ -2,7 +2,7 @@
border-radius: 60px /*60px 0 0*/;
background-color: var(--bgStepColor);
transform: translate(0, -65px);
padding: 1.5rem 3rem 5rem 3rem;
padding: 1rem 4rem 4.5rem 4rem;
}
.cardDoors {
width: 100%;
@@ -20,7 +20,7 @@
width: 93%;
z-index: -99999;
position: relative;
display: flex;
justify-content: space-around;
/*display: flex;
justify-content: space-around;*/
font-size: 17px;
}
@@ -2,7 +2,7 @@
border-radius: 60px /*60px 0 0*/;
background-color: var(--bgStepColor);
transform: translate(0, -65px);
padding: 1.5rem 3rem 5rem 3rem;
padding: 1rem 4rem 4.5rem 4rem;
}
.cardDoors {
@@ -23,7 +23,7 @@
width: 93%;
z-index: -99999;
position: relative;
display: flex;
justify-content: space-around;
/*display: flex;
justify-content: space-around;*/
font-size: 17px;
}
+1 -1
View File
@@ -1 +1 @@
.cardStatus{border-radius:60px;background-color:var(--bgStepColor);transform:translate(0,-65px);padding:1.5rem 3rem 5rem 3rem;}.cardDoors{width:100%;border-radius:60px 60px 0 0;transform:translate(0,-120px);background-color:#fff;padding:0;box-shadow:rgba(0,0,0,.45) 0 -24px 27px -20px;}.testataOrder{border:3px solid var(--bgStepColor);padding:1rem 1rem 4.5rem 1rem;border-radius:60px 60px 20px 20px;transform:translate(63px,0);width:93%;z-index:-99999;position:relative;display:flex;justify-content:space-around;font-size:17px;}
.cardStatus{border-radius:60px;background-color:var(--bgStepColor);transform:translate(0,-65px);padding:1rem 4rem 4.5rem 4rem;}.cardDoors{width:100%;border-radius:60px 60px 0 0;transform:translate(0,-120px);background-color:#fff;padding:0;box-shadow:rgba(0,0,0,.45) 0 -24px 27px -20px;}.testataOrder{border:3px solid var(--bgStepColor);padding:1rem 1rem 4.5rem 1rem;border-radius:60px 60px 20px 20px;transform:translate(63px,0);width:93%;z-index:-99999;position:relative;font-size:17px;}