[Feat][UI] Complete style writing. (#24)
* [Feat][UI] Complete style writing.
* [Feat][UI] Complete style writing.
diff --git a/seatunnel-ui/src/components/modal/index.tsx b/seatunnel-ui/src/components/modal/index.tsx
index 4bf22cb..6d3d0ee 100644
--- a/seatunnel-ui/src/components/modal/index.tsx
+++ b/seatunnel-ui/src/components/modal/index.tsx
@@ -98,6 +98,7 @@
onClick={onConfirm}
disabled={confirmDisabled}
loading={confirmLoading}
+ type='primary'
>
{this.confirmText || t('modal.confirm')}
</NButton>
diff --git a/seatunnel-ui/src/layouts/dashboard/index.tsx b/seatunnel-ui/src/layouts/dashboard/index.tsx
index 2a0c245..16050a5 100644
--- a/seatunnel-ui/src/layouts/dashboard/index.tsx
+++ b/seatunnel-ui/src/layouts/dashboard/index.tsx
@@ -26,11 +26,13 @@
render() {
return (
<NLayout>
- <NLayoutHeader>
+ <NLayoutHeader bordered>
<Header />
</NLayoutHeader>
- <NLayoutContent>
- <router-view class='px-32 py-12' />
+ <NLayoutContent style={{ height: 'calc(100vh - 65px)' }}>
+ <NLayout position='absolute' native-scrollbar={false}>
+ <router-view class='px-32 py-12' />
+ </NLayout>
</NLayoutContent>
</NLayout>
)
diff --git a/seatunnel-ui/src/themes/modules/light.ts b/seatunnel-ui/src/themes/modules/light.ts
index 4986ed2..aa0f52d 100644
--- a/seatunnel-ui/src/themes/modules/light.ts
+++ b/seatunnel-ui/src/themes/modules/light.ts
@@ -19,15 +19,49 @@
const light: GlobalThemeOverrides = {
common: {
- primaryColor: '#1890ff',
- primaryColorHover: '#40a9ff',
- primaryColorPressed: '#096dd9',
- primaryColorSuppl: '#1890ff',
+ primaryColor: '#614bdd',
+ primaryColorHover: '#7d68de',
+ primaryColorSuppl: '#7d68de',
+ primaryColorPressed: '#513ac2',
- infoColor: '#1890ff',
- successColor: '#52c41a',
- warningColor: '#faad14',
- errorColor: '#ff4d4f'
+ infoColor: '#614bdd',
+ infoColorHover: '#7d68de',
+ infoColorSuppl: '#7d68de',
+ infoColorPressed: '#513ac2',
+
+ errorColor: '#db2777',
+ errorColorHover: '#d64687',
+ errorColorSuppl: '#d64687',
+ errorColorPressed: '#c60165',
+
+ successColor: '#04beca',
+ successColorHover: '#69c8d5',
+ successColorSuppl: '#69c8d5',
+ successColorPressed: '#04a6ae',
+
+ warningColor: '#eab308',
+ warningColorHover: '#e5cb41',
+ warningColorSuppl: '#e5cb41',
+ warningColorPressed: '#b38706',
+
+ textColorBase: '#151666',
+ textColor1: '#242660',
+ textColor2: '#313377',
+ textColor3: '#9096b8',
+
+ bodyColor: '#f7f8fa',
+ borderRadius: '15px',
+ tableHeaderColor: '#614bdd'
+ },
+ Layout: {
+ headerColor: '#fff'
+ },
+ DataTable: {
+ thTextColor: '#fff',
+ tdColorHover: '#f2f2fa'
+ },
+ Space: {
+ gapLarge: '28px 32px'
}
}