fix: ui bugs homepage (#1350)

juspay · Sep 10, 2024 · 6f25b23 · 6f25b23
1 parent a51a91f
commit 6f25b23
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/src/screens/OMPSwitch/MerchantSwitch.res b/src/screens/OMPSwitch/MerchantSwitch.res
@@ -148,7 +148,7 @@ let make = () => {
     setArrow(prev => !prev)
   }
 
-  <div className="border border-popover-background rounded w-full">
+  <div className="border border-popover-background rounded w-5/6">
     <SelectBox.BaseDropdown
       allowMultiSelect=false
       buttonText=""

diff --git a/src/screens/OMPSwitch/OMPSwitchHelper.res b/src/screens/OMPSwitch/OMPSwitchHelper.res
@@ -3,9 +3,11 @@ module ListBaseComp = {
   let make = (~heading, ~subHeading, ~arrow) => {
     <div
       className="flex items-center justify-between text-sm text-center text-white font-medium rounded hover:bg-opacity-80 bg-sidebar-blue cursor-pointer">
-      <div className="flex flex-col items-start px-2 py-2">
+      <div className="flex flex-col items-start px-2 py-2 w-5/6">
         <p className="text-xs text-gray-400"> {heading->React.string} </p>
-        <p className="fs-10"> {subHeading->React.string} </p>
+        <div className="w-full text-left overflow-auto">
+          <p className="fs-10"> {subHeading->React.string} </p>
+        </div>
       </div>
       <div className="px-2 py-2">
         <Icon

diff --git a/src/screens/OMPSwitch/ProfileSwitch.res b/src/screens/OMPSwitch/ProfileSwitch.res
@@ -132,7 +132,7 @@ let make = () => {
   }
 
   let customPadding = "px-1 py-1"
-  let customStyle = "w-fit text-blue-500 bg-white dark:bg-black hover:bg-jp-gray-100 text-nowrap"
+  let customStyle = "text-blue-500 bg-white dark:bg-black hover:bg-jp-gray-100 text-nowrap w-full"
 
   let profileSwitch = async value => {
     try {

diff --git a/src/screens/Sidebar/SidebarSwitch.res b/src/screens/Sidebar/SidebarSwitch.res
@@ -16,7 +16,7 @@ let make = (~isSidebarExpanded=false) => {
   let expandedContent =
     <div className="flex flex-col gap-2 mx-2">
       <OrgSwitch />
-      <div className="flex">
+      <div className="flex gap-2">
         <div
           className="w-2.5 h-10 border-blue-810 ml-5 border-dashed border-b border-l rounded-bl-sm"
         />