style(console): update radio card style

update radio card style
logto-io · Oct 21, 2024 · 8b8320b · 8b8320b
1 parent 71d2d6a
commit 8b8320b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/packages/console/src/ds-components/RadioGroup/Radio.tsx b/packages/console/src/ds-components/RadioGroup/Radio.tsx
@@ -10,9 +10,11 @@ import styles from './Radio.module.scss';
 
 function Check() {
   return (
-    <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <circle cx="10.8759" cy="10.5203" r="8.33333" fill="white" />
+      <circle cx="10.876" cy="10.5204" r="8" fill="white" />
       <path
-        d="M8.66666 1.33334C4.99999 1.33334 1.99999 4.33334 1.99999 8.00001C1.99999 11.6667 4.99999 14.6667 8.66666 14.6667C12.3333 14.6667 15.3333 11.6667 15.3333 8.00001C15.3333 4.33334 12.3333 1.33334 8.66666 1.33334ZM11.4667 6.86668L8.26666 10.0667C7.99999 10.3333 7.59999 10.3333 7.33333 10.0667L5.86666 8.60001C5.59999 8.33334 5.59999 7.93334 5.86666 7.66668C6.13333 7.40001 6.53333 7.40001 6.79999 7.66668L7.79999 8.66668L10.5333 5.93334C10.8 5.66668 11.2 5.66668 11.4667 5.93334C11.7333 6.20001 11.7333 6.60001 11.4667 6.86668Z"
+        d="M10.8759 2.18701C6.2926 2.18701 2.5426 5.93701 2.5426 10.5203C2.5426 15.1037 6.2926 18.8537 10.8759 18.8537C15.4593 18.8537 19.2093 15.1037 19.2093 10.5203C19.2093 5.93701 15.4593 2.18701 10.8759 2.18701ZM14.3759 9.10368L10.3759 13.1037C10.0426 13.437 9.5426 13.437 9.20927 13.1037L7.37594 11.2703C7.0426 10.937 7.0426 10.437 7.37594 10.1037C7.70927 9.77035 8.20927 9.77035 8.5426 10.1037L9.7926 11.3537L13.2093 7.93701C13.5426 7.60368 14.0426 7.60368 14.3759 7.93701C14.7093 8.27035 14.7093 8.77035 14.3759 9.10368Z"
         fill="#5D34F2"
       />
     </svg>

diff --git a/packages/console/src/pages/EnterpriseSsoDetails/IdpInitiatedAuth/index.module.scss b/packages/console/src/pages/EnterpriseSsoDetails/IdpInitiatedAuth/index.module.scss
@@ -11,6 +11,7 @@
 
 .radioCardTitle {
   font: var(--font-label-2);
+  padding-inline-end: _.unit(5);
   margin-bottom: _.unit(2);
 }
 
@@ -30,8 +31,6 @@
   }
 }
 
-div[class$='disabled'] {
-  .radioCardFooter {
-    color: var(--color-disabled);
-  }
+div[class*='radio'][class*='disabled'] {
+  color: var(--color-text);
 }
diff --git a/packages/phrases/src/locales/en/translation/admin-console/enterprise-sso-details.ts b/packages/phrases/src/locales/en/translation/admin-console/enterprise-sso-details.ts
@@ -88,7 +88,7 @@ const enterprise_sso_details = {
       'No applications found. Please add one in the <a>Applications</a> section.',
     empty_applications_placeholder: 'No applications',
     authentication_type: 'Authentication type',
-    auto_authentication_disabled_title: 'Redirect to client for SP-initiated SSO (Recommended)',
+    auto_authentication_disabled_title: 'Redirect to SP-initiated SSO (Recommended)',
     auto_authentication_disabled_description:
       'Redirect users to the client-side application to initiate a secure SP-initiated OIDC authentication.  This will prevent the CSRF attack and increase the security of the authentication process.',
     auto_authentication_enabled_title: 'Directly sign in using the IdP-initiated SSO',