make logo look better

This commit is contained in:
Ebenezer
2026-04-01 14:03:40 +08:00
parent 5135e411df
commit 8e68631e2c
7 changed files with 36 additions and 34 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

View File

@@ -151,16 +151,16 @@
} }
.nav-logo-icon { .nav-logo-icon {
width: 40px;
height: 40px;
background: white;
border-radius: 8px;
display: flex; display: flex;
width: 3rem;
height: 3rem;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
padding: 4px; border-radius: 0.75rem;
box-shadow: var(--shadow-sm); background: #fff;
padding: 0.25rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
.nav-logo-icon img { .nav-logo-icon img {
@@ -1263,7 +1263,7 @@
<div class="page dashboard-page active" id="dashboardPage"> <div class="page dashboard-page active" id="dashboardPage">
<nav class="navbar"> <nav class="navbar">
<div class="nav-logo"> <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>
<div class="nav-menu"> <div class="nav-menu">
@@ -1888,7 +1888,7 @@
<div class="page ai-page" id="aiPage"> <div class="page ai-page" id="aiPage">
<nav class="navbar"> <nav class="navbar">
<div class="nav-logo"> <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>
<div class="nav-menu"> <div class="nav-menu">

View File

@@ -101,15 +101,16 @@
} }
.logo-icon { .logo-icon {
width: 44px;
height: 44px;
background: white;
border-radius: 10px;
display: flex; display: flex;
width: 3rem;
height: 3rem;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
overflow: hidden; 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 { .logo-icon img {
@@ -371,7 +372,7 @@
<div class="login-page"> <div class="login-page">
<div class="login-header"> <div class="login-header">
<div class="logo"> <div class="logo">
<div class="logo-icon"><img src="LatestLogo.png" alt="有维商学"></div> <div class="logo-icon"><img src="favicon-base.png" alt="有维商学 YOU WIN SUCCESS ACADEMY"></div>
有维商学 有维商学
</div> </div>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

View File

@@ -2,7 +2,7 @@
<div class="ai-page"> <div class="ai-page">
<nav class="navbar"> <nav class="navbar">
<div class="nav-logo"> <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>
<div class="nav-menu"> <div class="nav-menu">
@@ -484,16 +484,16 @@ const scrollToBottom = () => {
} }
.nav-logo-icon { .nav-logo-icon {
width: 40px;
height: 40px;
background: white;
border-radius: 8px;
display: flex; display: flex;
width: 3rem;
height: 3rem;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
padding: 4px; border-radius: 0.75rem;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); background: #fff;
padding: 0.25rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
.nav-logo-icon img { .nav-logo-icon img {

View File

@@ -2,7 +2,7 @@
<div class="dashboard-page"> <div class="dashboard-page">
<nav class="navbar"> <nav class="navbar">
<div class="nav-logo"> <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>
<div class="nav-menu"> <div class="nav-menu">
@@ -512,16 +512,16 @@ const scrollToBottom = () => {
} }
.nav-logo-icon { .nav-logo-icon {
width: 40px;
height: 40px;
background: white;
border-radius: 8px;
display: flex; display: flex;
width: 3rem;
height: 3rem;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
overflow: hidden; overflow: hidden;
padding: 4px; border-radius: 0.75rem;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); background: #fff;
padding: 0.25rem;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} }
.nav-logo-icon img { .nav-logo-icon img {

View File

@@ -8,7 +8,7 @@
<div class="login-header"> <div class="login-header">
<div class="logo"> <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>
</div> </div>
@@ -197,15 +197,16 @@ const handleLogin = () => {
} }
.logo-icon { .logo-icon {
width: 44px;
height: 44px;
background: white;
border-radius: 10px;
display: flex; display: flex;
width: 3rem;
height: 3rem;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
overflow: hidden; 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 { .logo-icon img {