add admin portal logo

resources/scripts/admin/layouts/LayoutLogin.vue

@@ -28,7 +28,16 @@
       "
     >
       <div class="w-full">
-        <MainLogo class="block w-48 h-auto max-w-full mb-32 text-primary-500" />
+        <MainLogo
+          v-if="!loginPageLogo"
+          class="block w-48 h-auto max-w-full mb-32 text-primary-500"
+        />
+
+        <img
+          v-else
+          :src="loginPageLogo"
+          class="block w-48 h-auto max-w-full mb-32 text-primary-500"
+        />
 
         <router-view />
 
@@ -76,7 +85,7 @@
 
       <LoginBackgroundOverlay class="absolute h-full w-full right-[7.5%]" />
 
-      <div class="pl-20 xl:pl-0 relative z-50">
+      <div class="md:pl-10 xl:pl-0 relative z-50 w-7/12 xl:w-5/12 xl:w-5/12">
         <h1
           class="
             hidden
@@ -89,9 +98,7 @@
             lg:block
           "
         >
-          <b class="font-bold">Simple Invoicing</b> <br />
-          for Individuals & <br />
-          Small Businesses <br />
+          {{ pageHeading }}
         </h1>
         <p
           class="
@@ -106,9 +113,7 @@
             lg:block
           "
         >
-          Crater helps you track expenses, record payments & generate beautiful
-          <br />
-          invoices & estimates. <br />
+          {{ pageDescription }}
         </p>
       </div>
 
@@ -136,6 +141,31 @@ import LoginBackground from '@/scripts/components/svg/LoginBackground.vue'
 import LoginPlanetCrater from '@/scripts/components/svg/LoginPlanetCrater.vue'
 import LoginBottomVector from '@/scripts/components/svg/LoginBottomVector.vue'
 import LoginBackgroundOverlay from '@/scripts/components/svg/LoginBackgroundOverlay.vue'
+import { computed, ref } from 'vue'
+
+const pageHeading = computed(() => {
+  if (window.login_page_heading) {
+    return window.login_page_heading
+  }
+
+  return 'Simple Invoicing for Individuals Small Businesses'
+})
+
+const pageDescription = computed(() => {
+  if (window.login_page_description) {
+    return window.login_page_description
+  }
+
+  return 'Crater helps you track expenses, record payments & generate beautiful invoices & estimates.'
+})
+
+const loginPageLogo = computed(() => {
+  if (window.login_page_logo) {
+    return window.login_page_logo
+  }
+
+  return false
+})
 </script>
 
 <style lang="scss" scoped>