fix(ui): improve dashboard and global mobile responsiveness
This commit is contained in:
@@ -225,4 +225,17 @@ code { background: var(--bg); padding: .15rem .4rem; border-radius: 4px; font-si
|
||||
.detail-grid { grid-template-columns: 1fr; }
|
||||
.card-grid { grid-template-columns: 1fr; }
|
||||
.postcard-row-info { flex-wrap: wrap; gap: .35rem; }
|
||||
.navbar { padding: .5rem 1rem; }
|
||||
.nav-links { gap: .75rem; }
|
||||
.nav-links a { font-size: .8rem; }
|
||||
.container { margin: 1rem auto; padding: 0 1rem; }
|
||||
.dash-stats { flex-direction: column; }
|
||||
.dash-stat-card { min-width: 0; }
|
||||
.dash-sections { grid-template-columns: 1fr; }
|
||||
.recent-meta { display: none; }
|
||||
.recent-item { gap: .5rem; padding: .5rem; }
|
||||
.section-header { flex-direction: column; gap: .75rem; }
|
||||
.section-header .btn { width: 100%; }
|
||||
.profile-grid { grid-template-columns: 1fr; }
|
||||
.profile-card-stats { gap: .75rem; flex-wrap: wrap; }
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user