diff --git a/src/modules/admin/assets/img/squares.svg b/src/modules/admin/assets/img/squares.svg new file mode 100644 index 00000000..67f3a64c --- /dev/null +++ b/src/modules/admin/assets/img/squares.svg @@ -0,0 +1,8 @@ + + + + + + \ No newline at end of file diff --git a/src/modules/admin/assets/img/waves.svg b/src/modules/admin/assets/img/waves.svg deleted file mode 100644 index ed44ca66..00000000 --- a/src/modules/admin/assets/img/waves.svg +++ /dev/null @@ -1,8 +0,0 @@ - - - - - - - - \ No newline at end of file diff --git a/src/modules/admin/assets/main.less b/src/modules/admin/assets/main.less index 125e682e..a0b36aff 100644 --- a/src/modules/admin/assets/main.less +++ b/src/modules/admin/assets/main.less @@ -14,17 +14,16 @@ body { } body { - overflow: hidden; /* Always show the scroll, we can avoid the flickering with this */ - color: var(--white); + overflow-x: hidden; font-weight: 100; -} -.wave-bg { + color: var(--white); + background-color: var(--dark); - background-image: url('../assets/img/waves.svg'); + background-image: url('../assets/img/squares.svg'); background-repeat: no-repeat; background-position: bottom; - background-size: 100%; + background-size: 100% 180px; } .ant-page-header { diff --git a/src/modules/admin/component/dashboard.component.tsx b/src/modules/admin/component/dashboard.component.tsx index 84a511b8..6a52b02a 100644 --- a/src/modules/admin/component/dashboard.component.tsx +++ b/src/modules/admin/component/dashboard.component.tsx @@ -2,8 +2,9 @@ import { AppstoreAddOutlined, EllipsisOutlined, ReloadOutlined, + SmileOutlined, } from '@ant-design/icons'; -import { Button } from 'antd'; +import { Alert, Button } from 'antd'; import { useEffect } from 'react'; import GridLayout from 'react-grid-layout'; import { useRecoilState } from 'recoil'; @@ -30,7 +31,6 @@ export default function DashboardPage() { header={