baha/skyline
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit with Skyline console code

Browse Source
This commit is contained in:
baha 2024-10-23 22:00:27 +00:00
parent 5501bad74a
commit 16f6a084d0
4 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
config/webpack.common.js
View File

@ -82,10 +82,7 @@ module.exports = {
}, },
}, },
], ],
include: [ include: [root('src/asset/image/FelCloud_website_white-07-01.png')],
root('src/asset/image/cloud-logo.svg'),
root('src/asset/image/cloud-logo-white.svg'),
],
}, },
{ {
test: /\.(woff|woff2|ttf|eot|svg)$/, test: /\.(woff|woff2|ttf|eot|svg)$/,

BIN
src/asset/image/FelCloud_website_white-07-01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 73 KiB

13
src/components/Layout/GlobalHeader/index.jsx
View File

@ -14,8 +14,8 @@
import React from 'react'; import React from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import cloudLogo from 'asset/image/cloud-logo.svg';
import cloudLogoWhite from 'asset/image/cloud-logo-white.svg'; import cloudLogo from 'asset/image/FelCloud_website_white-07-01.png';
import { getPath } from 'utils/route-map'; import { getPath } from 'utils/route-map';
import classnames from 'classnames'; import classnames from 'classnames';
import GlobalNav from '../GlobalNav'; import GlobalNav from '../GlobalNav';
@ -37,11 +37,12 @@ export default function HeaderContent(props) {
const renderLogo = () => { const renderLogo = () => {
const homeUrl = getRoutePath('overview'); const homeUrl = getRoutePath('overview');
const logoSrc = const logoSrc =
GLOBAL_VARIABLES.skylineThemeName === 'default' GLOBAL_VARIABLES.skylineThemeName === 'default' ? cloudLogo : cloudLogo;
? cloudLogo
: cloudLogoWhite;
return ( return (
<div className={classnames(styles.logo)}> <div
className={classnames(styles.logo)}
style={{ backgroundColor: '#26262B' }}
>
<Link to={homeUrl}> <Link to={homeUrl}>
<img src={logoSrc} alt="logo" className={styles['logo-image']} /> <img src={logoSrc} alt="logo" className={styles['logo-image']} />
</Link> </Link>

11
src/layouts/Auth/index.jsx
View File

@ -17,9 +17,8 @@ import { inject, observer } from 'mobx-react';
import renderRoutes from 'utils/RouterConfig'; import renderRoutes from 'utils/RouterConfig';
import SelectLang from 'components/SelectLang'; import SelectLang from 'components/SelectLang';
import logo from 'asset/image/logo.png'; import logo from 'asset/image/FelCloud_website_white-07-01.png';
import loginFullImage from 'asset/image/login-full.png'; import loginFullImage from 'asset/image/login-full.png';
import loginRightLogo from 'asset/image/loginRightLogo.png';
import styles from './index.less'; import styles from './index.less';
export class AuthLayout extends Component { export class AuthLayout extends Component {
@ -39,9 +38,10 @@ export class AuthLayout extends Component {
/> />
<div className={styles['full-image-front']} /> <div className={styles['full-image-front']} />
<img <img
src={loginRightLogo} src={logo}
alt="" alt=""
className={styles['login-right-logo']} className={styles['login-right-logo']}
style={{ maxWidth: '200px' }}
/> />
</div> </div>
); );
@ -56,7 +56,10 @@ export class AuthLayout extends Component {
</div> </div>
<div className={styles.main}> <div className={styles.main}>
<div className={styles.top}> <div className={styles.top}>
<div className={styles.header}> <div
className={styles.header}
style={{ backgroundColor: '#26262b;', width: 'fit-content' }}
>
<img alt="logo" className={styles.logo} src={logo} /> <img alt="logo" className={styles.logo} src={logo} />
</div> </div>
</div> </div>