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.left}>
|
||||||
<div className={styles.logo}>
|
<div className={styles.logo}>
|
||||||
<Logo />
|
<Logo />
|
||||||
<div className={styles['logo-name']}>Arco Pro</div>
|
<div className={styles['logo-name']}>Codernew React Pro</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<ul className={styles.right}>
|
<ul className={styles.right}>
|
||||||
|
|||||||
@ -15,7 +15,8 @@
|
|||||||
.logo {
|
.logo {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 200px;
|
width: auto;
|
||||||
|
min-width: 200px;
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
@ -26,6 +27,7 @@
|
|||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
font-family: 'PingFang SC';
|
font-family: 'PingFang SC';
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user