style(导航栏): 优化导航栏标题和布局样式

- 修改导航栏标题为 Codernew React Pro
- 调整 Logo 容器宽度为自适应
- 添加标题文字不换行样式
- 确保 Logo 和标题在同一行显示
This commit is contained in:
gaoziman 2025-11-07 22:37:04 +08:00
parent e53464eed4
commit c8c20299d9
2 changed files with 4 additions and 2 deletions

View File

@ -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}>

View File

@ -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 {