diff --git a/frontend/src/features/listings/views/MobileHomeView.css b/frontend/src/features/listings/views/MobileHomeView.css index 5fff751..04ccb98 100644 --- a/frontend/src/features/listings/views/MobileHomeView.css +++ b/frontend/src/features/listings/views/MobileHomeView.css @@ -520,7 +520,7 @@ } .mobile-listing-no, -.daily-loss-badge { +.rental-meta-badge { display: inline-flex; width: fit-content; align-items: center; @@ -534,10 +534,16 @@ line-height: 1.2; } -.daily-loss-badge { +.rental-meta-badge { + gap: 2px; border: none; background: #f5f7fa; color: #64748b; + white-space: nowrap; +} + +.meta-separator { + color: #cbd5e1; } .card-subtitle { diff --git a/frontend/src/features/listings/views/MobileHomeView.vue b/frontend/src/features/listings/views/MobileHomeView.vue index ba72c3f..97a83c3 100644 --- a/frontend/src/features/listings/views/MobileHomeView.vue +++ b/frontend/src/features/listings/views/MobileHomeView.vue @@ -43,6 +43,7 @@ import { getDailyLoss, getRatioValue, formatListingCode, + formatEstimatedRentalDuration, getLoginMethod, getServerRegion, assetRegions, @@ -754,9 +755,21 @@ syncMobileHomeQuery()