added max width to DiscussionBadge

mr-robertamoah · Oct 18, 2024 · 3bf31f5 · 3bf31f5
1 parent 92234de
commit 3bf31f5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/resources/js/Components/DiscussionBadge.vue b/resources/js/Components/DiscussionBadge.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-bind="$attrs" class="rounded bg-white shadow-sm p-2 select-none cursor-pointer">
+    <div v-bind="$attrs" class="rounded max-w-sm bg-white shadow-sm p-2 select-none cursor-pointer">
         <div class="text-xs my-2 w-fit ml-auto mr-2 text-gray-600">{{ discussion.createdAt }}</div>
         <div class="capitalize text-gray-600 font-bold tracking-wide px-2">
             {{ discussion.name }}

diff --git a/resources/js/Pages/Therapy/Show.vue b/resources/js/Pages/Therapy/Show.vue
@@ -146,7 +146,7 @@ function clearGetting() {
                 <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                     <div class="p-6 text-gray-900">Counsellor Therapies</div>
                     <div v-if="getting.show" class="text-center text-sm w-full my-4 text-green-600 bg-green-200">getting counsellor therapies</div>
-                    <div class="m-2 px-3 pb-4 overflow-hidden overflow-x-auto space-x-5 flex justify-start items-center">
+                    <div class="m-2 px-3 pb-6 overflow-hidden overflow-x-auto space-x-5 flex justify-start items-center">
                         <template v-if="counsellorTherapies.data?.length">
                             <MiniTherapyComponent
                                 v-for="therapy in counsellorTherapies.data"
@@ -172,7 +172,7 @@ function clearGetting() {
                 <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                     <div class="p-6 text-gray-900">Ward Therapies</div>
                     <div v-if="getting.show" class="text-center text-sm w-full my-4 text-green-600 bg-green-200">getting user therapies</div>
-                    <div class="m-2 px-3 pb-4 overflow-hidden overflow-x-auto space-x-5 flex justify-start items-center">
+                    <div class="m-2 px-3 pb-6 overflow-hidden overflow-x-auto space-x-5 flex justify-start items-center">
                         <template v-if="wardTherapies.data?.length">
                             <MiniTherapyComponent
                                 v-for="therapy in wardTherapies.data"
@@ -197,7 +197,7 @@ function clearGetting() {
                 <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                     <div class="p-6 text-gray-900">Therapies</div>
                     <div v-if="getting.show" class="text-center text-sm w-full my-4 text-green-600 bg-green-200">getting user therapies</div>
-                    <div class="m-2 px-3 pb-4 overflow-hidden overflow-x-auto space-x-5 flex justify-start items-center">
+                    <div class="m-2 px-3 pb-6 overflow-hidden overflow-x-auto space-x-5 flex justify-start items-center">
                         <template v-if="therapies.data?.length">
                             <MiniTherapyComponent
                                 v-for="therapy in therapies.data"