Add break-all class to SelectMenuV2 component (#7068)

* Add break-all class to SelectMenuV2 component * Update PrescriptionDetailCard component * Update PrescriptionDetailCard component styling
ohcnetwork · Jan 19, 2024 · f6159eb · f6159eb
1 parent d0fdfc9
commit f6159eb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/Components/Form/SelectMenuV2.tsx b/src/Components/Form/SelectMenuV2.tsx
@@ -101,7 +101,7 @@ const SelectMenuV2 = <T, V>(props: SelectMenuProps<T, V>) => {
                         {value.icon}
                       </div>
                     )}
-                    <p className="ml-2.5 text-sm font-medium">
+                    <p className="ml-2.5 break-all text-sm font-medium">
                       {value.selectedLabel}
                     </p>
                   </div>

diff --git a/src/Components/Medicine/PrescriptionDetailCard.tsx b/src/Components/Medicine/PrescriptionDetailCard.tsx
@@ -86,7 +86,10 @@ export default function PrescriptionDetailCard({
           <Detail className="col-span-9 md:col-span-5" label={t("medicine")}>
             {prescription.medicine_object?.name ?? prescription.medicine_old}
           </Detail>
-          <Detail className="col-span-5 md:col-span-2" label={t("route")}>
+          <Detail
+            className="col-span-5 break-all md:col-span-2"
+            label={t("route")}
+          >
             {prescription.route &&
               t("PRESCRIPTION_ROUTE_" + prescription.route)}
           </Detail>