zoujing/YGChatCS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(aigc-topbar): adjust styles and remove unused font

Browse Source 
remove unused znicons font face declaration
resize back button to 36px
adjust search bar styling: remove padding and border, update height
update wallet button padding and remove excess box shadow
adjust inner button border radius to 50px
This commit is contained in:
duanshuwen
2026-07-07 07:30:24 +08:00
parent 8f2cbbc84f
commit 90352e2981
1 changed files with 6 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pages-aigc/components/AigcTopBar/styles/index.scss
View File

@@ -1,8 +1,3 @@
@font-face {
font-family: znicons;
src: url("@/static/fonts/znicons.ttf");
}
.aigc-topbar { .aigc-topbar {
position: relative; position: relative;
z-index: 3; z-index: 3;
@@ -27,9 +22,9 @@
} }
.aigc-topbar-back { .aigc-topbar-back {
flex: 0 0 40px; flex: 0 0 36px;
width: 40px; width: 36px;
height: 40px; height: 36px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -52,13 +47,11 @@
flex: 1 1 auto; flex: 1 1 auto;
width: auto; width: auto;
min-width: 0; min-width: 0;
height: 40px; height: 36px;
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) 36px; grid-template-columns: minmax(0, 1fr) 36px;
align-items: center; align-items: center;
gap: 6px; gap: 6px;
padding: 2px 3px;
border: 1px solid rgba(255, 255, 255, 0.76);
border-radius: 999px; border-radius: 999px;
background: rgba(255, 255, 255, 0.86); background: rgba(255, 255, 255, 0.86);
box-shadow: 0 8px 18px rgba(18, 48, 56, 0.08); box-shadow: 0 8px 18px rgba(18, 48, 56, 0.08);
@@ -73,7 +66,7 @@
align-items: center; align-items: center;
margin: 0; margin: 0;
padding: 0; padding: 0;
border-radius: 16px; border-radius: 50px;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -95,12 +88,9 @@
.aigc-wallet-button { .aigc-wallet-button {
justify-content: space-between; justify-content: space-between;
gap: 6px; gap: 6px;
padding: 0 9px 0 8px; padding: 0 8px;
background: #102942; background: #102942;
color: #ffffff; color: #ffffff;
box-shadow:
0 8px 18px rgba(18, 48, 56, 0.1),
inset 0 1px 0 rgba(255, 255, 255, 0.12);
} }
.aigc-wallet-label { .aigc-wallet-label {