From 5bf4dc79c2416a0a7a40412e37732328ff93072c Mon Sep 17 00:00:00 2001
From: Gregor Vostrak <gregor@solidtime.io>
Date: Fri, 20 Sep 2024 12:59:09 +0200
Subject: [PATCH] hide explanation text for billing banner on mobile view

---
 resources/js/Components/Billing/BillingBanner.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/resources/js/Components/Billing/BillingBanner.vue b/resources/js/Components/Billing/BillingBanner.vue
index dc67780a..4b912f32 100644
--- 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