Fix team builder width on mobile
- Operator select: 3 columns instead of 4 - Reduced padding on team builder container - Smaller team slots (70px instead of 90px)
This commit is contained in:
+11
-1
@@ -703,9 +703,19 @@
|
|||||||
|
|
||||||
.hero h1 { font-size: 48px; }
|
.hero h1 { font-size: 48px; }
|
||||||
.operator-grid { grid-template-columns: repeat(2, 1fr); }
|
.operator-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
.operator-select { grid-template-columns: repeat(4, 1fr); }
|
.operator-select { grid-template-columns: repeat(3, 1fr); }
|
||||||
.guide-grid { grid-template-columns: 1fr; }
|
.guide-grid { grid-template-columns: 1fr; }
|
||||||
|
|
||||||
|
.team-builder {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.team-slot {
|
||||||
|
width: 70px;
|
||||||
|
height: 70px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Fix operator cards on mobile for long names */
|
/* Fix operator cards on mobile for long names */
|
||||||
.operator-card h4 {
|
.operator-card h4 {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|||||||
Reference in New Issue
Block a user