update(console): pin status color / copyright / button focus etc (#2520)

star-whale · Jul 18, 2023 · 130d048 · 130d048
1 parent 892da55
commit 130d048
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 10 deletions.
diff --git a/console/packages/starwhale-ui/src/Button/Button.tsx b/console/packages/starwhale-ui/src/Button/Button.tsx
@@ -71,6 +71,9 @@ function Button(
                         ':hover': {
                             backgroundColor: 'transparent',
                         },
+                        ':focus': {
+                            backgroundColor: 'transparent',
+                        },
                     },
                 },
             },

diff --git a/console/packages/starwhale-ui/src/Tooltip/Tooltip.tsx b/console/packages/starwhale-ui/src/Tooltip/Tooltip.tsx
@@ -36,18 +36,29 @@ function Tooltip({ children, ...props }: ITooltipProps) {
     )
 }
 
-function IconTooltip({ content, icon, ...props }: { content: React.ReactNode; icon: IconTypesT }) {
+function IconTooltip({
+    content,
+    icon,
+    style = {},
+    ...props
+}: {
+    content: React.ReactNode
+    icon: IconTypesT
+    style?: React.CSSProperties
+}) {
     const [css] = themedUseStyletron()
 
     return (
         <Tooltip content={content} showArrow placement='top' {...props}>
             <p
+                // @ts-ignore
                 className={css({
                     'cursor': 'pointer',
                     'color': 'rgba(2,16,43,0.40)',
                     ':hover': {
                         color: '#5181E0',
                     },
+                    ...style,
                 })}
             >
                 <IconFont type={icon} />

diff --git a/console/src/components/Header/index.tsx b/console/src/components/Header/index.tsx
@@ -327,7 +327,12 @@ export default function Header() {
                 }}
             >
                 <LanguageSelector />
-                <a target='_blank' rel='noreferrer' href={isZH ? docsZH : docsEN} style={{ color: '#FFF' }}>
+                <a
+                    target='_blank'
+                    rel='noreferrer'
+                    href={isZH ? docsZH : docsEN}
+                    style={{ color: '#FFF', textDecoration: 'none', lineHeight: '20px' }}
+                >
                     {t('docs')}
                 </a>
             </div>

diff --git a/console/src/i18n/locales.ts b/console/src/i18n/locales.ts
@@ -1625,6 +1625,14 @@ const locales0 = {
         en: 'Google',
         zh: 'Google',
     },
+    'Wechat': {
+        en: 'Wechat',
+        zh: '微信',
+    },
+    'copyright': {
+        en: 'Copyright © 2023 Starwhale, Inc. All rights reserved. ',
+        zh: '版权所有 © 2023 Starwhale, Inc. 保留所有权利。',
+    },
     ...basic,
     ...dataset,
     ...model,

diff --git a/console/src/pages/Job/JobListCard.tsx b/console/src/pages/Job/JobListCard.tsx
@@ -171,14 +171,11 @@ export default function JobListCard() {
                         }
 
                         const pinBtnStyle: ConfigurationOverride = {
-                            'position': 'absolute',
-                            'top': 0,
-                            'bottom': 0,
-                            'left': '-8px',
-                            'display': job.pinnedTime ? 'block' : 'none',
-                            '& .iconfont': {
-                                color: '#666',
-                            },
+                            position: 'absolute',
+                            top: 0,
+                            bottom: 0,
+                            left: '-8px',
+                            display: job.pinnedTime ? 'block' : 'none',
                         }
                         if (canPinOrUnpin) {
                             pinBtnStyle[':hover .iconfont'] = {
@@ -210,6 +207,9 @@ export default function JobListCard() {
                                                 // eslint-disable-next-line no-nested-ternary
                                                 canPinOrUnpin ? (job.pinnedTime ? t('job.unpin') : t('job.pin')) : null
                                             }
+                                            style={{
+                                                color: job.pinnedTime ? '#FFB23D' : 'rgba(2,16,43,0.40)',
+                                            }}
                                             icon='top'
                                         />
                                     )}