yml/hfb_sys
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化首页账号卡片皮肤行间距

Browse Source
This commit is contained in:
yml2213
2026-06-19 09:03:23 +08:00
parent 9489273bcb
commit 8d5094a8d0
1 changed files with 19 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/features/listings/components/ListingCard.vue
+19 -3
View File
@@ -252,6 +252,10 @@ function formatStatNumber(value: number) {
padding: 0; padding: 0;
} }
.listing-card-v2.compact .card-details {
gap: 7px;
}
.listing-card-v2.relaxed .card-details { .listing-card-v2.relaxed .card-details {
align-content: center; align-content: center;
gap: 14px; gap: 14px;
@@ -376,13 +380,20 @@ function formatStatNumber(value: number) {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 8px; gap: 8px;
height: 40px; height: 36px;
min-width: 0; min-width: 0;
padding: 8px 10px; padding: 6px 10px;
border-radius: 10px; border-radius: 10px;
background: #f8fafc; background: #f8fafc;
} }
.listing-card-v2.compact .skin-line,
.listing-card-v2.compact .resource-line {
height: 32px;
padding: 4px 8px;
border-radius: 8px;
}
.skin-line { .skin-line {
overflow: hidden; overflow: hidden;
border: 1px solid #edf2f7; border: 1px solid #edf2f7;
@@ -409,7 +420,7 @@ function formatStatNumber(value: number) {
.skin-count { .skin-count {
flex: 0 0 auto; flex: 0 0 auto;
padding: 3px 7px; padding: 2px 7px;
border-radius: 999px; border-radius: 999px;
background: #e0f2fe; background: #e0f2fe;
color: #0369a1; color: #0369a1;
@@ -433,6 +444,11 @@ function formatStatNumber(value: number) {
font-weight: 900; font-weight: 900;
} }
.listing-card-v2.compact .resource-chip {
min-height: 24px;
padding: 0 9px;
}
.resource-chip em { .resource-chip em {
overflow: hidden; overflow: hidden;
font-style: normal; font-style: normal;