Merge pull request #596 from beabee-communityrm/chore/hide-tax-settings

chore(tax): Hidden tax settings as they are experimental
beabee-communityrm · May 16, 2024 · cb879dc · cb879dc
2 parents 743d555 + c5158ff
commit cb879dc
Showing 1 changed file with 33 additions and 28 deletions.
diff --git a/src/pages/admin/settings/index.vue b/src/pages/admin/settings/index.vue
@@ -88,35 +88,40 @@ meta:
     <template #col2>
       <div class="my-8 border-b border-b-primary-40 md:hidden" />
 
-      <AppForm
-        :button-text="t('actions.update')"
-        :success-text="t('form.saved')"
-        @submit="handleSavePayment"
-      >
-        <AppSubHeading>
-          {{ t('adminSettings.payment.paymentTitle') }}</AppSubHeading
+      <!-- Remove this hidden div to make the payment tax form visible -->
+      <div class="hidden">
+        <AppForm
+          :button-text="t('actions.update')"
+          :success-text="t('form.saved')"
+          @submit="handleSavePayment"
         >
-        <div class="mb-4">
-          <AppCheckbox
-            v-model="paymentData.taxRateEnabled"
-            :label="t('adminSettings.payment.taxRateEnabled')"
-            class="font-bold"
-          />
-        </div>
-        <div v-if="paymentData.taxRateEnabled" class="mb-4 max-w-[8rem]">
-          <AppInput
-            v-model="paymentData.taxRate"
-            type="number"
-            :label="t('adminSettings.payment.taxRate')"
-            :min="0"
-            :max="100"
-            suffix="%"
-            required
-          />
-        </div>
-      </AppForm>
-
-      <div class="my-8 border-b border-b-primary-40" />
+          <AppSubHeading>
+            {{ t('adminSettings.payment.paymentTitle') }}</AppSubHeading
+          >
+          <div class="mb-4">
+            <AppCheckbox
+              v-model="paymentData.taxRateEnabled"
+              :label="t('adminSettings.payment.taxRateEnabled')"
+              class="font-bold"
+            />
+          </div>
+          <div
+            v-if="paymentData.taxRateEnabled"
+            class="mb-4 max-w-[8rem] whitespace-nowrap"
+          >
+            <AppInput
+              v-model="paymentData.taxRate"
+              type="number"
+              :label="t('adminSettings.payment.taxRate')"
+              :min="0"
+              :max="100"
+              suffix="%"
+              required
+            />
+          </div>
+        </AppForm>
+        <div class="my-8 border-b border-b-primary-40" />
+      </div>
 
       <AppForm
         :button-text="t('actions.update')"