Wickedness/Comtropy_CargoRadar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

차량 카드 배지 줄바꿈 방지

Browse Source
This commit is contained in:
y2keui
2026-06-08 11:52:33 +09:00
parent fb4b0e4643
commit a41d8a7f01
1 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
apps/web/public/styles.css
View File

@@ -558,13 +558,16 @@ button:hover {
} }
.vehicle-title { .vehicle-title {
display: flex; display: grid;
grid-template-columns: auto auto minmax(0, 1fr);
align-items: center; align-items: center;
gap: 8px; gap: 6px;
min-width: 0; min-width: 0;
} }
.vehicle-title strong { .vehicle-title strong {
display: block;
min-width: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
@@ -617,11 +620,16 @@ button:hover {
.badge { .badge {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
flex: 0 0 auto;
justify-content: center;
min-height: 22px; min-height: 22px;
padding: 0 7px; padding: 0 7px;
border-radius: 999px; border-radius: 999px;
font-size: 11px; font-size: 11px;
font-weight: 600; font-weight: 600;
line-height: 1;
white-space: nowrap;
word-break: keep-all;
} }
.badge.active { .badge.active {
@@ -642,6 +650,8 @@ button:hover {
.vehicle-type-chip { .vehicle-type-chip {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
flex: 0 0 auto;
justify-content: center;
min-height: 22px; min-height: 22px;
padding: 0 7px; padding: 0 7px;
border-radius: 5px; border-radius: 5px;
@@ -649,6 +659,9 @@ button:hover {
color: #2c3b4f; color: #2c3b4f;
font-size: 11px; font-size: 11px;
font-weight: 600; font-weight: 600;
line-height: 1;
white-space: nowrap;
word-break: keep-all;
} }
.vehicle-type-chip.type-trailer, .vehicle-type-chip.type-trailer,
@@ -1662,14 +1675,6 @@ button:hover {
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);
} }
.vehicle-title {
flex-wrap: wrap;
}
.vehicle-title strong {
white-space: normal;
}
.speed { .speed {
grid-template-columns: auto auto minmax(0, 1fr); grid-template-columns: auto auto minmax(0, 1fr);
align-items: baseline; align-items: baseline;