Simplify login screen

app/app.vue

@@ -96,16 +96,39 @@ const managerPageTabs = computed(() => {
 
   return [];
 });
+
+const mainClass = computed(() => {
+  if (isBonusProgramPage.value) {
+    return 'bonus-program-main';
+  }
+
+  if (isLoginPage.value) {
+    return 'mx-auto flex min-h-screen w-full max-w-[1440px] items-center justify-center p-4 md:p-6 lg:p-8';
+  }
+
+  return [
+    'mx-auto w-full max-w-[1440px] p-4 pt-[104px] md:p-6 md:pt-[112px] lg:p-8 lg:pt-[118px]',
+    hasManagerDock.value ? 'pb-[116px] md:pb-[128px]' : '',
+  ];
+});
+
+const pageFrameClass = computed(() => {
+  if (isBonusProgramPage.value) {
+    return 'bonus-program-stage';
+  }
+
+  if (isLoginPage.value) {
+    return '';
+  }
+
+  return ['lk-content-canvas', { 'lk-content-canvas--with-tabs': managerPageTabs.value.length }];
+});
 </script>
 
 <template>
   <div :class="isBonusProgramPage ? 'bonus-program-shell' : 'lk-shell'" data-theme="aqua">
     <UiAppHeader v-if="!isLoginPage && !isBonusProgramPage" />
-    <main
-      :class="isBonusProgramPage
-        ? 'bonus-program-main'
-        : ['mx-auto w-full max-w-[1440px] p-4 pt-[104px] md:p-6 md:pt-[112px] lg:p-8 lg:pt-[118px]', hasManagerDock ? 'pb-[116px] md:pb-[128px]' : '']"
-    >
+    <main :class="mainClass">
       <div v-if="managerPageTabs.length && !isBonusProgramPage" class="lk-page-tabs-shell">
         <nav class="manager-page-tabs" aria-label="Разделы страницы">
           <NuxtLink
@@ -120,11 +143,7 @@ const managerPageTabs = computed(() => {
         </nav>
       </div>
 
-      <div
-        :class="isBonusProgramPage
-          ? 'bonus-program-stage'
-          : ['lk-content-canvas', { 'lk-content-canvas--with-tabs': managerPageTabs.length }]"
-      >
+      <div :class="pageFrameClass">
         <NuxtPage />
       </div>
     </main>