Pro modal slight improvement

This commit is contained in:
Julien Nahum 2023-10-08 13:56:30 +01:00
parent d6f09ff42c
commit 9228f92903
1 changed files with 9 additions and 16 deletions

View File

@ -9,18 +9,12 @@
<h2 class="text-nt-blue">
OpnForm PRO
</h2>
<h4 v-if="user &&user.is_subscribed && !user.has_enterprise_subscription" class="text-center mt-5">
<h4 v-if="user && user.is_subscribed" class="text-center mt-5">
We're happy to have you as a Pro customer. If you're having any issue with OpnForm, or if you have a
feature request, please <a href="mailto:contact@opnform.com">contact us</a>.
<br><br>
If you need to collaborate, or to work with multiple workspaces, or just larger file uploads, you can
also upgrade our subscription to get an Enterprise subscription.
</h4>
<h4 v-if="user && user.is_subscribed && user.has_enterprise_subscription" class="text-center mt-5">
We're happy to have you as an Enterprise customer. If you're having any issue with OpnForm, or if you have a
feature request, please <a href="mailto:contact@opnform.com">contact us</a>.
</h4>
<p v-if="user && !user.is_subscribed" class="mt-4">
<div v-if="!user || !user.is_subscribed" class="mt-4">
<p>
All the features with a<span
class="bg-nt-blue text-white px-2 text-xs uppercase inline rounded-full font-semibold mx-1"
>
@ -30,13 +24,11 @@
the form editor, but you can't use them in your real forms</b>. You can subscribe now to gain unlimited access
to
all our pro features!
</p>
</p>
</div>
<p class="my-4 text-center">
Feel free to <a href="#" @click.prevent="openChat">contact us</a> if you have any feature request.
</p>
<div class="mb-4 text-center">
<v-button color="gray" shade="light" @click="showPremiumModal=false">
<div class="my-4 text-center">
<v-button color="white" @click="showPremiumModal=false">
Close
</v-button>
</div>
@ -47,10 +39,11 @@
<script>
import Modal from '../Modal.vue'
import { mapGetters } from 'vuex'
import PricingTable from "../pages/pricing/PricingTable.vue";
export default {
name: 'ProTag',
components: { Modal },
components: {PricingTable, Modal },
props: {},
data () {