diff --git a/assets/css/frontend/base.css b/assets/css/frontend/base.css index 5f4f947e..35dbda7e 100644 --- a/assets/css/frontend/base.css +++ b/assets/css/frontend/base.css @@ -241,7 +241,24 @@ main.container, min-width: 0; } -/* ========== 通用空状态 ========== */ +.aksrt-ip-geo-badge { + display: inline-flex; + align-items: center; + min-width: 0; + margin: 2px 0; + padding: .3em .6em; + border: 1px solid var(--color-line-soft, var(--main-border-color, rgba(136, 136, 136, .18))); + border-radius: var(--mini-radius, 4px); + background: var(--surface-2, rgba(136, 136, 136, .1)); + box-shadow: var(--shadow-xs, 0 1px 3px rgba(0, 0, 0, .08)); + color: var(--color-ink-3, #666); + font-size: .92em; + line-height: 1.44; + vertical-align: middle; + box-sizing: border-box; +} + + .no-results { padding: 48px 20px; text-align: center; diff --git a/assets/css/frontend/comments/mobile-item.css b/assets/css/frontend/comments/mobile-item.css index 9c8a1149..63f4ecd5 100644 --- a/assets/css/frontend/comments/mobile-item.css +++ b/assets/css/frontend/comments/mobile-item.css @@ -100,8 +100,7 @@ .aksrt-author-hero__identity .aksrt-ip-geo-badge, .uc-header__meta .aksrt-ip-geo-badge, .article-avatar .aksrt-ip-geo-badge { - margin-left: 0.35em; - margin-right: 0.15em; + margin: 2px 0; vertical-align: middle; } .aksrt-author-hero__identity { diff --git a/assets/css/routes/profile/layout.css b/assets/css/routes/profile/layout.css index 68a12f67..e30ee729 100644 --- a/assets/css/routes/profile/layout.css +++ b/assets/css/routes/profile/layout.css @@ -277,11 +277,15 @@ .uc-header__meta { display: flex; flex-wrap: wrap; - gap: 14px; + gap: 6px; font-size: 13px; color: var(--color-ink-3); } +.uc-header__meta .aksrt-ip-geo-badge { + margin: 2px 0; +} + .uc-header__meta-item { display: inline-flex; align-items: center; diff --git a/assets/css/routes/user-home.css b/assets/css/routes/user-home.css index 3caec0ed..ef1fdbb1 100644 --- a/assets/css/routes/user-home.css +++ b/assets/css/routes/user-home.css @@ -584,5 +584,13 @@ opacity: 0.8; } -.aksrt-author-hero__identity { display:flex; flex-wrap:wrap; align-items:center; gap:.35rem; margin-top:.35rem; } -.aksrt-author-hero__identity .aksrt-ip-geo-badge { margin:0; } +.aksrt-author-hero__identity { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 6px; + margin-top: .35rem; +} +.aksrt-author-hero__identity .aksrt-ip-geo-badge { + margin: 2px 0; +}