diff --git a/ui/public/favicon.ico b/ui/public/favicon.ico index a1c0f9fa7..3efd5e491 100644 Binary files a/ui/public/favicon.ico and b/ui/public/favicon.ico differ diff --git a/ui/public/images/ContentstackLogo.png b/ui/public/images/ContentstackLogo.png new file mode 100644 index 000000000..d2552da4e Binary files /dev/null and b/ui/public/images/ContentstackLogo.png differ diff --git a/ui/public/images/login_bg.webp b/ui/public/images/login_bg.webp new file mode 100644 index 000000000..936abed6d Binary files /dev/null and b/ui/public/images/login_bg.webp differ diff --git a/ui/src/cmsData/main_header.json b/ui/src/cmsData/main_header.json index 0a8e22541..f5760d37d 100644 --- a/ui/src/cmsData/main_header.json +++ b/ui/src/cmsData/main_header.json @@ -22,7 +22,7 @@ "file_size": "10160", "tags": [], "filename": "icon-cs-mobile.svg", - "url": "https://images.contentstack.io/v3/assets/bltd3620ec6418ad3ad/blt4a17564224d007f3/652f91e5fe1f57912c211dfc/icon-cs-mobile.svg", + "url": "https://images.contentstack.io/v3/assets/blt7359e2a55efae483/blt0b9a8281aeac3ec0/664c27d3c9024c35b5ad593a/CS_logo.png", "ACL": [], "is_dir": false, "parent_uid": "blt8e7f7872baa3a09e", diff --git a/ui/src/components/MainHeader/index.scss b/ui/src/components/MainHeader/index.scss index b6dca57e1..b330fa47b 100644 --- a/ui/src/components/MainHeader/index.scss +++ b/ui/src/components/MainHeader/index.scss @@ -14,8 +14,7 @@ border: 0 none; } .logo { - // height: 2rem; - margin-right: 1rem; + margin-right: 1.063rem; position: relative; width: 3rem; a { diff --git a/ui/src/components/MainHeader/index.tsx b/ui/src/components/MainHeader/index.tsx index 9882334d0..52e9d1c3f 100644 --- a/ui/src/components/MainHeader/index.tsx +++ b/ui/src/components/MainHeader/index.tsx @@ -1,5 +1,5 @@ // Libraries -import { useContext, useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { useNavigate, useLocation, Link } from 'react-router-dom'; import { Dropdown, Tooltip } from '@contentstack/venus-components'; import { useDispatch, useSelector } from 'react-redux'; @@ -7,25 +7,24 @@ import { useDispatch, useSelector } from 'react-redux'; // Service import { getCMSDataFromFile } from '../../cmsData/cmsSelector'; +// Redux +import { RootState } from '../../store'; +import { setSelectedOrganisation } from '../../store/slice/authSlice'; + //Utilities import { CS_ENTRIES } from '../../utilities/constants'; - -// Context -import { AppContext } from '../../context/app/app.context'; +import { + clearLocalStorage, + getDataFromLocalStorage, + setDataInLocalStorage +} from '../../utilities/functions'; // Interface import { MainHeaderType } from './mainheader.interface'; -import { DEFAULT_USER, IDropDown } from '../../context/app/app.interface'; +import { IDropDown } from '../../context/app/app.interface'; // Styles import './index.scss'; -import { - clearLocalStorage, - getDataFromLocalStorage, - setDataInLocalStorage -} from '../../utilities/functions'; -import { RootState } from '../../store'; -import { setSelectedOrganisation } from '../../store/slice/authSlice'; const MainHeader = () => { @@ -105,7 +104,7 @@ const MainHeader = () => {
- Contentstack Logo + Contentstack
diff --git a/ui/src/pages/Projects/index.scss b/ui/src/pages/Projects/index.scss index a142160d1..926d50365 100644 --- a/ui/src/pages/Projects/index.scss +++ b/ui/src/pages/Projects/index.scss @@ -27,7 +27,7 @@ border-top: 0 none; height: auto; border-bottom: 1px solid $color-brand-secondary-lightest; - padding:20px; + padding:20px 10px 20px 13px; } } }