adjust flex

ohcnetwork · Feb 19, 2025 · 6a34c98 · 6a34c98
1 parent 0773ebc
commit 6a34c98
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Common/UserSelector.tsx b/src/components/Common/UserSelector.tsx
@@ -71,7 +71,7 @@ export default function UserSelector({
                 className="size-6 rounded-full"
               />
               <TooltipComponent content={formatName(selected)} side="bottom">
-                <p className="font-medium text-gray-900 truncate max-w-56 sm:max-w-48 md:max-w-64 lg:max-w-64 xl:max-w-36">
+                <p className="font-medium text-gray-900 truncate max-w-48 sm:max-w-56 md:max-w-64">
                   {formatName(selected)}
                 </p>
               </TooltipComponent>

diff --git a/src/pages/Facility/settings/organizations/components/LinkFacilityUserSheet.tsx b/src/pages/Facility/settings/organizations/components/LinkFacilityUserSheet.tsx
@@ -125,7 +125,7 @@ export default function LinkFacilityUserSheet({
             Search for a user and assign a role to add them to the facility.
           </SheetDescription>
         </SheetHeader>
-        <div className="space-y-6 py-4 min-h-full w-full overflow-hidden">
+        <div className="space-y-6 py-4 min-h-full">
           <UserSelector
             selected={selectedUser}
             onChange={handleUserChange}
@@ -136,13 +136,13 @@ export default function LinkFacilityUserSheet({
           {selectedUser && (
             <div className="space-y-4">
               <div className="rounded-lg border p-4 space-y-4">
-                <div className="flex items-center gap-4">
+                <div className="flex gap-4 flex-row">
                   <Avatar
                     imageUrl={selectedUser.profile_picture_url}
                     name={formatName(selectedUser)}
                     className="h-12 w-12"
                   />
-                  <div className="grid grid-cols-1 w-full">
+                  <div className="w-3/4">
                     <p className="font-medium text-lg truncate">
                       {selectedUser.first_name} {selectedUser.last_name}
                     </p>

diff --git a/src/pages/Organization/components/LinkUserSheet.tsx b/src/pages/Organization/components/LinkUserSheet.tsx
@@ -124,7 +124,7 @@ export default function LinkUserSheet({
             organization.
           </SheetDescription>
         </SheetHeader>
-        <div className="space-y-6 py-4 w-full overflow-hidden">
+        <div className="space-y-6 py-4">
           <UserSelector
             selected={selectedUser}
             onChange={handleUserChange}
@@ -135,13 +135,13 @@ export default function LinkUserSheet({
           {selectedUser && (
             <div className="space-y-4">
               <div className="rounded-lg border p-4 space-y-4">
-                <div className="flex gap-4 items-center">
+                <div className="flex gap-4 flex-row">
                   <Avatar
                     name={`${selectedUser.first_name} ${selectedUser.last_name}`}
                     imageUrl={selectedUser.profile_picture_url}
                     className="h-12 w-12"
                   />
-                  <div className="grid grid-cols-1 w-full">
+                  <div className="w-3/4">
                     <p className="font-medium text-lg truncate">
                       {selectedUser.first_name} {selectedUser.last_name}
                     </p>