fix: handle long text in COUNTDOWN_TIMEZONES
This commit is contained in:
+8
-5
@@ -103,7 +103,7 @@ body {
|
||||
.countdown-other-timezones {
|
||||
margin: 25px 0;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||||
gap: 12px;
|
||||
max-width: 800px;
|
||||
margin-left: auto;
|
||||
@@ -150,9 +150,12 @@ body {
|
||||
font-weight: bold;
|
||||
color: #FF0000;
|
||||
margin-bottom: 4px;
|
||||
font-size: 0.85rem;
|
||||
font-size: 0.8rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
letter-spacing: 0.3px;
|
||||
line-height: 1.1;
|
||||
word-wrap: break-word;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.timezone-time {
|
||||
@@ -252,7 +255,7 @@ body {
|
||||
}
|
||||
|
||||
.countdown-other-timezones {
|
||||
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
@@ -301,7 +304,7 @@ body {
|
||||
}
|
||||
|
||||
.countdown-other-timezones {
|
||||
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user