perf: 更新适合深色背景的 Logo

main
LiaoYijun 2 months ago
parent 75f8d9dbd1
commit 4bf75ddeb8

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

@ -3,7 +3,7 @@ import { useEffect, useState } from 'react'
import { Layout, Menu, ConfigProvider, theme, Dropdown, message, FloatButton, Space, Row, Col, Badge, App as AntApp } from 'antd'
import { DownOutlined } from '@ant-design/icons'
import 'antd/dist/reset.css'
import AppLogo from '@/assets/highlights_travel_300_300_250613.png'
import AppLogo from '@/assets/highlights_travel_600_550.png'
import { isEmpty } from '@/utils/commons'
import { useTranslation } from 'react-i18next'
import zhLocale from 'antd/locale/zh_CN'
@ -103,7 +103,7 @@ function App() {
<Row gutter={{ md: 24 }} justify='end' align='middle'>
<Col span={15}>
<NavLink to='/'>
<img src={AppLogo} className='float-left h-9 my-4 mr-6 ml-0' alt='App logo' />
<img src={AppLogo} className='float-left h-12 my-2 mr-6 ml-0' alt='App logo' />
</NavLink>
<Menu
theme='dark'

@ -1,6 +1,6 @@
import { useNavigate } from 'react-router-dom'
import { useEffect } from 'react'
import { Button, Form, Input, Row, Radio, App } from 'antd'
import { Button, Form, Input, Row, Radio, App, Typography } from 'antd'
import { useTranslation } from 'react-i18next'
import useAuthStore from '@/stores/Auth'
import { appendRequestParams } from '@/utils/request'
@ -46,6 +46,8 @@ function Login() {
}
return (
<>
<Typography.Title className="text-center" level={3}>Global Highlights Hub</Typography.Title>
<Row justify='center' align='middle' className='min-h-96'>
<Form
name='login'
@ -103,6 +105,7 @@ function Login() {
</Form.Item>
</Form>
</Row>
</>
)
}

@ -1,7 +1,7 @@
import { Outlet } from "react-router-dom";
import { Layout, ConfigProvider, theme, Row, Col, App as AntApp } from "antd";
import "antd/dist/reset.css";
import AppLogo from "@/assets/logo-gh.png";
import AppLogo from "@/assets/highlights_travel_600_550.png";
import { useThemeContext } from "@/stores/ThemeContext";
import { BUILD_VERSION } from "@/config";
@ -20,9 +20,8 @@ function Standlone() {
}}>
<AntApp>
<Layout className="min-h-screen">
<Header className="sticky top-0 z-10 w-full">
<img src={AppLogo} className="float-left h-9 my-4 mr-6 ml-0 bg-white/30" alt="App logo" />
<p className="text-white text-center">Global Highlights Hub</p>
<Header className="sticky top-0 z-10 w-full text-center">
<img src={AppLogo} className="h-12 my-2 mr-6 ml-0" alt="App logo" />
</Header>
<Content className="p-6 m-0 min-h-72 bg-white">
<Outlet />

Loading…
Cancel
Save