Minor improvements - Vue Theme - login page

Twtcer · Jan 21, 2021 · c3e43d5 · c3e43d5
1 parent 9010eb2
commit c3e43d5
Showing 1 changed file with 23 additions and 17 deletions.
diff --git a/Grand.Web/Themes/VueTheme/Views/Customer/Login.cshtml b/Grand.Web/Themes/VueTheme/Views/Customer/Login.cshtml
@@ -20,7 +20,7 @@
                 <form asp-route="Login" asp-route-returnurl="@Context.Request.Query["ReturnUrl"]" method="post" v-on:submit.prevent="validateBeforeSubmit($event)">
                     <b-card>
                         <template v-slot:header>
-                            <h3 class="h5 mb-0">
+                            <h3 class="h5 mb-0 text-center">
                                 @T("Account.Login.ReturningCustomer")
                             </h3>
                         </template>
@@ -99,22 +99,28 @@
             @if (Model.CheckoutAsGuest)
             {
                 <b-col cols="12" class="new-wrapper checkout-as-guest-or-register-block mt-3 mx-lg-0 mx-auto">
-                    <h5>
-                        <strong>@T("Account.Login.CheckoutAsGuestOrRegister")</strong>
-                    </h5>
-                    <b-row class="text">
-                        <b-col cols="12">
-                            @await Component.InvokeAsync("TopicBlock", new { systemName = "CheckoutAsGuestOrRegister" })
-                        </b-col>
-                    </b-row>
-                    <btn-group class="buttons text-center mt-1 areYouGuest">
-                        <b-button variant="secondary" class="checkout-as-guest-button" onclick="location.href='@Url.RouteUrl("Checkout")'">
-                            @T("Account.Login.CheckoutAsGuest")
-                        </b-button>
-                        <b-button variant="secondary" class="register-button" onclick="location.href='@registerUrl'">
-                            @T("Account.Register")
-                        </b-button>
-                    </btn-group>
+                    <b-card>
+                        <template v-slot:header>
+                            <h3 class="h5 mb-0 text-center">
+                                @T("Account.Login.CheckoutAsGuestOrRegister")
+                            </h3>
+                        </template>
+                        <b-card-text class="text-center">
+                            <b-row class="text">
+                                <b-col cols="12">
+                                    @await Component.InvokeAsync("TopicBlock", new { systemName = "CheckoutAsGuestOrRegister" })
+                                </b-col>
+                            </b-row>
+                            <btn-group class="buttons text-center mt-1 areYouGuest">
+                                <b-button variant="secondary" class="checkout-as-guest-button" onclick="location.href='@Url.RouteUrl("Checkout")'">
+                                    @T("Account.Login.CheckoutAsGuest")
+                                </b-button>
+                                <b-button variant="secondary" class="register-button" onclick="location.href='@registerUrl'">
+                                    @T("Account.Register")
+                                </b-button>
+                            </btn-group>
+                        </b-card-text>
+                    </b-card>
                 </b-col>
             }
             else