make logo look better
This commit is contained in:
BIN
有维项目/youwei-vue/public/favicon-base.png
Normal file
BIN
有维项目/youwei-vue/public/favicon-base.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
@@ -2,7 +2,7 @@
|
||||
<div class="ai-page">
|
||||
<nav class="navbar">
|
||||
<div class="nav-logo">
|
||||
<div class="nav-logo-icon"><img src="/logo.png" alt="有维商学" /></div>
|
||||
<div class="nav-logo-icon"><img src="/favicon-base.png" alt="有维商学 YOU WIN SUCCESS ACADEMY" /></div>
|
||||
有维商学
|
||||
</div>
|
||||
<div class="nav-menu">
|
||||
@@ -484,16 +484,16 @@ const scrollToBottom = () => {
|
||||
}
|
||||
|
||||
.nav-logo-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: white;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
padding: 4px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
border-radius: 0.75rem;
|
||||
background: #fff;
|
||||
padding: 0.25rem;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.nav-logo-icon img {
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="dashboard-page">
|
||||
<nav class="navbar">
|
||||
<div class="nav-logo">
|
||||
<div class="nav-logo-icon"><img src="/logo.png" alt="有维商学" /></div>
|
||||
<div class="nav-logo-icon"><img src="/favicon-base.png" alt="有维商学 YOU WIN SUCCESS ACADEMY" /></div>
|
||||
有维商学
|
||||
</div>
|
||||
<div class="nav-menu">
|
||||
@@ -512,16 +512,16 @@ const scrollToBottom = () => {
|
||||
}
|
||||
|
||||
.nav-logo-icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: white;
|
||||
border-radius: 8px;
|
||||
display: flex;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
padding: 4px;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
border-radius: 0.75rem;
|
||||
background: #fff;
|
||||
padding: 0.25rem;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.nav-logo-icon img {
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
|
||||
<div class="login-header">
|
||||
<div class="logo">
|
||||
<div class="logo-icon"><img src="/logo.png" alt="有维商学" /></div>
|
||||
<div class="logo-icon"><img src="/favicon-base.png" alt="有维商学 YOU WIN SUCCESS ACADEMY" /></div>
|
||||
有维商学
|
||||
</div>
|
||||
</div>
|
||||
@@ -197,15 +197,16 @@ const handleLogin = () => {
|
||||
}
|
||||
|
||||
.logo-icon {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
background: white;
|
||||
border-radius: 10px;
|
||||
display: flex;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
padding: 4px;
|
||||
border-radius: 0.75rem;
|
||||
background: #fff;
|
||||
padding: 0.25rem;
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.logo-icon img {
|
||||
|
||||
Reference in New Issue
Block a user