Commit e2d55f74 authored by Andy-bubu's avatar Andy-bubu

深色模式logo修改

parent 57e9254d
import xyLogoRed from '@/assets/identity/xy-logo-red.png'; import xyLogoRed from '@/assets/identity/xy-logo-red.png';
import xyLogoWhite from '@/assets/identity/xy-logo-white.png';
import { Sidebar } from '@heroui-pro/react/sidebar'; import { Sidebar } from '@heroui-pro/react/sidebar';
import { import {
Avatar, Avatar,
...@@ -82,7 +83,16 @@ function SidebarContents({ ...@@ -82,7 +83,16 @@ function SidebarContents({
<Sidebar.Header> <Sidebar.Header>
<div className="app-sidebar-brand rc-sidebar-brand"> <div className="app-sidebar-brand rc-sidebar-brand">
<div className="app-sidebar-brand-mark rc-sidebar-brand-mark"> <div className="app-sidebar-brand-mark rc-sidebar-brand-mark">
<img src={xyLogoRed} alt="鑫元 Xinyuan" className="rc-sidebar-logo" /> <img
src={xyLogoRed}
alt="鑫元 Xinyuan"
className="rc-sidebar-logo rc-sidebar-logo--light"
/>
<img
src={xyLogoWhite}
alt="鑫元 Xinyuan"
className="rc-sidebar-logo rc-sidebar-logo--dark"
/>
</div> </div>
<div <div
className="app-sidebar-brand-main rc-sidebar-brand-main" className="app-sidebar-brand-main rc-sidebar-brand-main"
......
...@@ -94,6 +94,18 @@ a { ...@@ -94,6 +94,18 @@ a {
object-fit: contain; object-fit: contain;
} }
.login-brand-logo--dark {
display: none;
}
.dark .login-brand-logo--light {
display: none;
}
.dark .login-brand-logo--dark {
display: block;
}
.login-card-brand :is(h1, strong) { .login-card-brand :is(h1, strong) {
margin: 0; margin: 0;
color: var(--rc-text-primary); color: var(--rc-text-primary);
......
import xyLogoRed from '@/assets/identity/xy-logo-red.png'; import xyLogoRed from '@/assets/identity/xy-logo-red.png';
import xyLogoWhite from '@/assets/identity/xy-logo-white.png';
import authService from '@/services/authService'; import authService from '@/services/authService';
import { getCaptcha, userLogin } from '@/services/DataService'; import { getCaptcha, userLogin } from '@/services/DataService';
import { SiteContext } from '@/wrapper/Site'; import { SiteContext } from '@/wrapper/Site';
...@@ -85,7 +86,16 @@ export default function LoginPage() { ...@@ -85,7 +86,16 @@ export default function LoginPage() {
<Card className="login-card"> <Card className="login-card">
<Card.Content> <Card.Content>
<div className="login-brand login-card-brand"> <div className="login-brand login-card-brand">
<img src={xyLogoRed} alt="鑫元" className="login-brand-logo" /> <img
src={xyLogoRed}
alt="鑫元"
className="login-brand-logo login-brand-logo--light"
/>
<img
src={xyLogoWhite}
alt="鑫元"
className="login-brand-logo login-brand-logo--dark"
/>
<h1>{siteTitle}</h1> <h1>{siteTitle}</h1>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment