make logo look better
This commit is contained in:
BIN
有维项目/favicon-base.png
Normal file
BIN
有维项目/favicon-base.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
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">
|
<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 {
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user