hide explanation text for billing banner on mobile view

This commit is contained in:
Gregor Vostrak
2024-09-20 12:59:09 +02:00
parent 2592dd3b9e
commit 5bf4dc79c2

View File

@@ -46,11 +46,11 @@ const showFreeUpgradeBanner = computed(
<MainContainer class="flex items-center justify-between"> <MainContainer class="flex items-center justify-between">
<div class="flex items-center space-x-1.5"> <div class="flex items-center space-x-1.5">
<CheckBadgeIcon class="w-4 text-white/50"></CheckBadgeIcon> <CheckBadgeIcon class="w-4 text-white/50"></CheckBadgeIcon>
<div class="lg:flex flex-1 items-center flex-col md:flex-row"> <div class="flex-1 space-x-1">
<span class="font-medium"> <span class="font-medium">
Your trial expires in {{ daysLeftInTrial() }} days. Your trial expires in {{ daysLeftInTrial() }} days.
</span> </span>
<span> <span class="hidden md:inline">
To continue using all features & support the development To continue using all features & support the development
of solidtime, please upgrade your plan. of solidtime, please upgrade your plan.
</span> </span>
@@ -76,11 +76,11 @@ const showFreeUpgradeBanner = computed(
<MainContainer class="flex items-center justify-between"> <MainContainer class="flex items-center justify-between">
<div class="flex items-center space-x-1.5"> <div class="flex items-center space-x-1.5">
<XCircleIcon class="w-4 text-white/50"></XCircleIcon> <XCircleIcon class="w-4 text-white/50"></XCircleIcon>
<div class="lg:flex flex-1 items-center flex-col md:flex-row"> <div class="flex-1 space-x-1">
<span class="font-medium"> <span class="font-medium">
Your organization is currently blocked. Your organization is currently blocked.
</span> </span>
<span> <span class="hidden md:inline">
Please upgrade to a premium plan or remove all users Please upgrade to a premium plan or remove all users
except the owner to unblock your organization. except the owner to unblock your organization.
</span> </span>
@@ -108,11 +108,11 @@ const showFreeUpgradeBanner = computed(
<MainContainer class="flex items-center justify-between"> <MainContainer class="flex items-center justify-between">
<div class="flex items-center space-x-1.5"> <div class="flex items-center space-x-1.5">
<XCircleIcon class="w-4 text-white/50"></XCircleIcon> <XCircleIcon class="w-4 text-white/50"></XCircleIcon>
<div class="lg:flex flex-1 items-center flex-col md:flex-row"> <div class="flex-1 space-x-1">
<span class="font-medium"> <span class="font-medium">
You are currently using the Free Plan. You are currently using the Free Plan.
</span> </span>
<span <span class="hidden md:inline">
>To unlock all premium features & support the >To unlock all premium features & support the
development of solidtime, please upgrade your development of solidtime, please upgrade your
plan.</span plan.</span