diff --git a/packages/console/src/components/AppContent/index.module.scss b/packages/console/src/components/AppContent/index.module.scss index 636a2cb5a..116f89113 100644 --- a/packages/console/src/components/AppContent/index.module.scss +++ b/packages/console/src/components/AppContent/index.module.scss @@ -44,8 +44,8 @@ $font-family: 'SF UI Text', 'SF Pro Display', sans-serif; --font-title-medium: 500 16px/24px #{$font-family}; --font-heading-small: 600 24px/32px #{$font-family}; --font-body: normal 16px/22px #{$font-family}; - --font-small-text: normal 12px/17px #{$font-family}; - --font-caption: normal 14px/17px #{$font-family}; + --font-small-text: normal 12px/16px #{$font-family}; + --font-caption: normal 14px/20px #{$font-family}; --font-button: 500 14px/20px #{$font-family}; --font-subhead-2: 500 14px/20px #{$font-family}; } diff --git a/packages/console/src/components/CopyToClipboard/index.module.scss b/packages/console/src/components/CopyToClipboard/index.module.scss index 589fa2f09..9b00e8df8 100644 --- a/packages/console/src/components/CopyToClipboard/index.module.scss +++ b/packages/console/src/components/CopyToClipboard/index.module.scss @@ -17,6 +17,11 @@ > svg { margin-left: _.unit(3); cursor: pointer; + fill: var(--color-component-caption); + + &:hover { + fill: var(--color-primary); + } } } } diff --git a/packages/console/src/components/CopyToClipboard/index.tsx b/packages/console/src/components/CopyToClipboard/index.tsx index 8adb8aff7..b6c902d14 100644 --- a/packages/console/src/components/CopyToClipboard/index.tsx +++ b/packages/console/src/components/CopyToClipboard/index.tsx @@ -7,18 +7,8 @@ type Props = { }; const CopyIcon = (props: SVGProps) => ( - - + + ); diff --git a/packages/console/src/components/ItemPreview/index.module.scss b/packages/console/src/components/ItemPreview/index.module.scss index 4a47faed5..05a753f9b 100644 --- a/packages/console/src/components/ItemPreview/index.module.scss +++ b/packages/console/src/components/ItemPreview/index.module.scss @@ -15,7 +15,6 @@ } .subtitle { - margin-top: _.unit(0.5); font: var(--font-small-text); color: var(--color-outline); }