admin/ArknightsWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Wider operator cards on mobile (2 columns instead of 3)

Browse Source 
- Gives more room for long character names
- Cards are now wider with proper spacing
This commit is contained in:
itsaygea
2026-01-24 08:01:32 -07:00
parent c291440a97
commit 868452eda3
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+4 -5
View File
@@ -702,26 +702,25 @@
} }
.hero h1 { font-size: 48px; } .hero h1 { font-size: 48px; }
.operator-grid { grid-template-columns: repeat(3, 1fr); } .operator-grid { grid-template-columns: repeat(2, 1fr); }
.operator-select { grid-template-columns: repeat(4, 1fr); } .operator-select { grid-template-columns: repeat(4, 1fr); }
.guide-grid { grid-template-columns: 1fr; } .guide-grid { grid-template-columns: 1fr; }
/* Fix operator cards on mobile for long names */ /* Fix operator cards on mobile for long names */
.operator-card h4 { .operator-card h4 {
font-size: 11px; font-size: 12px;
letter-spacing: 0; letter-spacing: 0;
word-wrap: break-word; word-wrap: break-word;
overflow-wrap: break-word; overflow-wrap: break-word;
hyphens: auto;
line-height: 1.3; line-height: 1.3;
} }
.operator-card-img { .operator-card-img {
height: 140px; height: 160px;
} }
.operator-card-content { .operator-card-content {
padding: 12px 8px; padding: 15px 10px;
} }
.character-showcase { .character-showcase {