fix: add spacing login page and wrong homepagebutton enabled settings (#3619)

Co-authored-by: dni ⚡ <office@dnilabs.com>

lnbits/static/js/pages/home.js

@@ -38,7 +38,7 @@ window.PageHome = {
       return this.LNBITS_CUSTOM_IMAGE
     },
     showHomepageElements() {
-      return this.HOMEPAGE_ELEMENTS_ENABLED
+      return this.LNBITS_SHOW_HOME_PAGE_ELEMENTS === true
     },
     siteTitle() {
       return this.SITE_TITLE || ''
@@ -54,13 +54,6 @@ window.PageHome = {
     },
     ads() {
       return this.AD_SPACE.map(ad => ad.split(';'))
-    },
-    lnbitsBannerEnabled() {
-      return (
-        this.isSatsDenomination &&
-        this.SITE_TITLE == 'LNbits' &&
-        this.LNBITS_SHOW_HOME_PAGE_ELEMENTS == true
-      )
     }
   },
   methods: {

lnbits/templates/pages/home.vue

@@ -4,9 +4,9 @@
       class="full-width content-center"
       :style="`max-width: ${hasCustomImage ? '850' : '600'}px; min-height: 55vh;`"
     >
-      <div class="row q-mb-md">
+      <div v-if="showHomepageElements" class="row q-mb-md">
         <div class="col-12">
-          <div v-if="showHomepageElements">
+          <div>
             <h5 v-text="siteTitle" class="q-my-none"></h5>
             <template v-if="$q.screen.gt.sm">
               <h6 class="q-my-sm" v-text="siteTagline"></h6>
@@ -33,7 +33,7 @@
               class="col-12"
               :class="{'col-sm-7': hasCustomImage, 'col-lg-6': hasCustomImage}"
             >
-              <div v-if="showClaimLnurl" class="full-height content-center">
+              <div v-if="showClaimLnurl">
                 <q-card-section>
                   <div class="text-body1">
                     <span v-text="$t('claim_desc')"></span>
@@ -51,7 +51,7 @@
                   ></q-btn>
                 </q-card-section>
               </div>
-              <div v-else class="full-height content-center">
+              <div v-else>
                 <username-password
                   v-if="authMethod != 'user-id-only'"
                   :allowed_new_users="allowRegister"
@@ -122,8 +122,8 @@
           </div>
         </q-card>
       </div>
-    </div>
+
-    <div v-if="lnbitsBannerEnabled" class="full-width q-mb-lg q-mt-sm">
+      <div v-if="showHomepageElements">
         <div class="flex flex-center q-gutter-md q-py-md">
           <q-btn
             outline
@@ -145,13 +145,15 @@
           ></q-btn>
         </div>
       </div>
+    </div>
+
     <div
-      :class="$q.screen.lt.md ? 'column col-10' : 'col-10'"
+      v-if="adsEnabled"
-      class="flex justify-center q-col-gutter-sm q-mb-lg"
+      class="justify-center col-10 q-my-lg row q-col-gutter-sm"
     >
-      <a :href="ad[0]" class="col lnbits-ad" v-for="ad in g.ads">
+      <a v-for="ad in g.ads" class="lnbits-ad col-12 col-md-4">
-        <q-img class="full-width" v-if="$q.dark.isActive" :src="ad[1]"></q-img>
+        <q-img :href="ad[0]" v-if="$q.dark.isActive" :src="ad[1]"></q-img>
-        <q-img class="full-width" v-else :src="ad[2]"></q-img>
+        <q-img :href="ad[0]" v-else :src="ad[2]"></q-img>
       </a>
     </div>
     <lnbits-home-logos />