Make entire UI mobile-friendly with responsive breakpoints
Add media queries at 480px/768px across all components: single-column dashboard cards on phones, progressive table column hiding, smaller typography, reduced padding, full-width toggle buttons, and compact header. Desktop layout unchanged.
This commit is contained in:
1 parent
e341fd7b26
commit
3f700f8982
12 files changed
+180
No files matched your search
@@ -272,6 +272,12 @@
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.grid-5 {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
.retarget-bar {
|
||||
height: 4px;
|
||||
|
||||
Reference in new issue
Block a user