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

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

View File

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