💄 style(Order): Update the UI (masastack#160)

Author: capdiem

Masa.Blazor.Pro/Pages/App/ECommerce/Order/Cart.razor

@@ -1,6 +1,6 @@
 <MRow style="height: calc(100vh - 218px);" NoGutters>
     <MCol Md="8">
-        <MVirtualScroll style="height: calc(100vh - 228px);" class="hidden-webkit-scrollbar pr-6 pl-6" Items="_basketItems">
+        <MVirtualScroll style="height: calc(100vh - 228px);" class="hidden-webkit-scrollbar pr-6" Items="_basketItems">
             <ItemContent>
                 <MHover Context="hoverContext" class="full-width mb-6" >
                     <MCard Height="270" Class="@($"{hoverContext.Class} {(hoverContext.Hover ? "pro-elevation" : "")}")" @attributes="hoverContext.Attrs" Elevation="@(hoverContext.Hover ? 6 : 0)">

Masa.Blazor.Pro/Pages/App/ECommerce/Order/Order.razor

@@ -25,14 +25,14 @@
     </MTab>
 </MTabs>
 
-<MTabsItems Value="_curTab" class="pt-6 ml-n6">
+<MTabsItems Value="_curTab" class="pt-6 transparent">
     <MTabItem>
         <Cart @bind-Step="_curTab" @bind-Disabled="_addressDisabled" />
     </MTabItem>
-    <MTabItem class="pl-6">
+    <MTabItem>
         <Address @bind-Step="_curTab" @bind-Disabled="_paymentDisabled" />
     </MTabItem>
-    <MTabItem class="pl-6">
+    <MTabItem>
         <Payment />
     </MTabItem>
 </MTabsItems>