refactor(console): fix text overflow issue

logto-io · Jul 31, 2024 · d15ee66 · d15ee66
1 parent 4abe2a8
commit d15ee66
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 12 deletions.
diff --git a/packages/console/src/components/FormCard/FormCardLayout/index.module.scss b/packages/console/src/components/FormCard/FormCardLayout/index.module.scss
@@ -25,7 +25,7 @@ $column-width: calc((100% - 23 * $gutter-width) / 24);
     width: calc($column-width * 16 + $gutter-width * 15);
   }
 
-  @container (max-width: 600px) {
+  @container (max-width: 800px) {
     .container {
       flex-direction: column;
       justify-content: unset;

diff --git a/...es/ApplicationDetails/ApplicationDetailsContent/EndpointsAndCredentials/index.module.scss b/...es/ApplicationDetails/ApplicationDetailsContent/EndpointsAndCredentials/index.module.scss
@@ -33,7 +33,3 @@ button.add {
 .expired {
   color: var(--color-placeholder);
 }
-
-.copyToClipboard {
-  width: fit-content;
-}
diff --git a/...ionDetails/ApplicationDetailsContent/EndpointsAndCredentials/use-secret-table-columns.tsx b/...ionDetails/ApplicationDetailsContent/EndpointsAndCredentials/use-secret-table-columns.tsx
@@ -53,13 +53,7 @@ export const useSecretTableColumns = ({ appId, onUpdated, onEdit }: UseSecretTab
         dataIndex: 'value',
         colSpan: 6,
         render: ({ value }) => (
-          <CopyToClipboard
-            hasVisibilityToggle
-            displayType="block"
-            value={value}
-            className={styles.copyToClipboard}
-            variant="text"
-          />
+          <CopyToClipboard hasVisibilityToggle displayType="block" value={value} variant="text" />
         ),
       },
       {