Render country flags as images

This commit is contained in:
rajchales-monito
2026-07-24 13:32:40 +02:00
parent 942cee5d66
commit a54cc6d1d4
2 changed files with 33 additions and 11 deletions
+24 -7
View File
@@ -207,7 +207,7 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
color: var(--muted);
font-size: 11px;
}
.visitor-facts span {
.visitor-facts > span {
max-width: 96px;
overflow: hidden;
text-overflow: ellipsis;
@@ -326,12 +326,29 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
border-color: #d9e6df;
background: #fbfdfb;
}
.flag-emoji {
font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
font-size: 14px;
line-height: 1;
.country-badge {
display: inline-flex;
align-items: center;
gap: 5px;
min-width: 0;
}
.country-code {
.flag-image {
width: 18px;
height: 13px;
flex: 0 0 auto;
border-radius: 2px;
background-color: #e4ebe6;
background-position: center;
background-size: cover;
box-shadow: 0 0 0 1px rgb(0 0 0 / 8%);
}
.country-badge.unknown .flag-image {
width: auto;
height: auto;
background: transparent;
box-shadow: none;
}
.country-badge strong {
color: var(--muted);
font-size: 11px;
line-height: 1;
@@ -518,7 +535,7 @@ label { display: grid; gap: 6px; color: var(--muted); font-size: 13px; }
color: var(--muted);
font-size: 12px;
}
.visitor-compact-meta span {
.visitor-compact-meta > span {
flex: 0 0 auto;
max-width: 72px;
overflow: hidden;