style(导航栏): 优化导航栏标题和布局样式
- 修改导航栏标题为 Codernew React Pro - 调整 Logo 容器宽度为自适应 - 添加标题文字不换行样式 - 确保 Logo 和标题在同一行显示
This commit is contained in:
parent
e53464eed4
commit
c8c20299d9
@ -101,7 +101,7 @@ function Navbar({ show }: { show: boolean }) {
|
||||
<div className={styles.left}>
|
||||
<div className={styles.logo}>
|
||||
<Logo />
|
||||
<div className={styles['logo-name']}>Arco Pro</div>
|
||||
<div className={styles['logo-name']}>Codernew React Pro</div>
|
||||
</div>
|
||||
</div>
|
||||
<ul className={styles.right}>
|
||||
|
||||
@ -15,7 +15,8 @@
|
||||
.logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 200px;
|
||||
width: auto;
|
||||
min-width: 200px;
|
||||
padding-left: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
@ -26,6 +27,7 @@
|
||||
font-size: 20px;
|
||||
margin-left: 10px;
|
||||
font-family: 'PingFang SC';
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.right {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user