hide explanation text for billing banner on mobile view

solidtime-io · Sep 20, 2024 · 5bf4dc7 · 5bf4dc7
1 parent 2592dd3
commit 5bf4dc7
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/resources/js/Components/Billing/BillingBanner.vue b/resources/js/Components/Billing/BillingBanner.vue
@@ -46,11 +46,11 @@ const showFreeUpgradeBanner = computed(
         <MainContainer class="flex items-center justify-between">
             <div class="flex items-center space-x-1.5">
                 <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">
                         Your trial expires in {{ daysLeftInTrial() }} days.
                     </span>
-                    <span>
+                    <span class="hidden md:inline">
                         To continue using all features & support the development
                         of solidtime, please upgrade your plan.
                     </span>
@@ -76,11 +76,11 @@ const showFreeUpgradeBanner = computed(
         <MainContainer class="flex items-center justify-between">
             <div class="flex items-center space-x-1.5">
                 <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">
                         Your organization is currently blocked.
                     </span>
-                    <span>
+                    <span class="hidden md:inline">
                         Please upgrade to a premium plan or remove all users
                         except the owner to unblock your organization.
                     </span>
@@ -108,11 +108,11 @@ const showFreeUpgradeBanner = computed(
         <MainContainer class="flex items-center justify-between">
             <div class="flex items-center space-x-1.5">
                 <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">
                         You are currently using the Free Plan.
                     </span>
-                    <span
+                    <span class="hidden md:inline">
                         >To unlock all premium features & support the
                         development of solidtime, please upgrade your
                         plan.</span