Fix overlay overflow; fix view model parameters of multiple account s…

…tory
rucio · Aug 9, 2024 · 60ea6bd · 60ea6bd
1 parent 314674b
commit 60ea6bd
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 24 deletions.
diff --git a/src/component-library/Demos/01_2_Login_multi_account.stories.tsx b/src/component-library/Demos/01_2_Login_multi_account.stories.tsx
@@ -61,10 +61,10 @@ export const Playbook_Multi_Account: Story = {
             rucioAuthHost: 'https://rucio.cern.ch',
         },
         authViewModel: {
-            status: "success",
-            message: "",
+            status: "multiple_accounts",
+            message: "mayank,ddmadmin,tester",
             rucioAccount: "",
-            rucioMultiAccount: "mayank,ddmadmin",
+            rucioMultiAccount: "",
             rucioAuthType: "",
             rucioAuthToken: "",
             rucioIdentity: "",

diff --git a/src/component-library/Pages/Login/Login.tsx b/src/component-library/Pages/Login/Login.tsx
@@ -66,7 +66,7 @@ const MultipleAccountsModal = ({
             "border-2",
             "bg-neutral-0 dark:bg-neutral-800",
             "flex flex-col space-y-2 p-6",
-            "justify-center items-center overflow-hidden outline-none focus:outline-none"
+            "justify-center items-center overflow-y-visible outline-none focus:outline-none"
         )}
         contentLabel="Multiaccount Modal"
     >

diff --git a/src/component-library/outputtailwind.css b/src/component-library/outputtailwind.css
@@ -959,10 +959,6 @@ html {
   max-width: 48rem;
 }
 
-.min-w-full {
-  min-width: 100%;
-}
-
 .max-w-sm {
   max-width: 24rem;
 }
@@ -1078,10 +1074,6 @@ html {
   flex-wrap: wrap;
 }
 
-.content-center {
-  align-content: center;
-}
-
 .items-start {
   align-items: flex-start;
 }
@@ -1160,12 +1152,6 @@ html {
   margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.space-x-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2rem * var(--tw-space-x-reverse));
-  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
 .space-y-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1198,8 +1184,8 @@ html {
   overflow-y: auto;
 }
 
-.overflow-x-hidden {
-  overflow-x: hidden;
+.overflow-y-visible {
+  overflow-y: visible;
 }
 
 .overflow-y-scroll {
@@ -1661,14 +1647,14 @@ html {
   background-color: rgb(133 77 14 / var(--tw-bg-opacity));
 }
 
-.p-0 {
-  padding: 0px;
-}
-
 .bg-opacity-50 {
   --tw-bg-opacity: 0.5;
 }
 
+.p-0 {
+  padding: 0px;
+}
+
 .p-1 {
   padding: 0.25rem;
 }