fix: report mobile — header column, tags stacked vertically
This commit is contained in:
1 parent
2d0c7d6156
commit
c9a7566a84
1 file changed
+6
@@ -1926,6 +1926,12 @@
|
||||
.card-metric-value { font-size: 1rem; }
|
||||
.cookie-inner { flex-direction: column; text-align: center; }
|
||||
.dashboard-preview, .report-preview { border-radius: var(--radius-lg); }
|
||||
/* Report mobile */
|
||||
.report-header { flex-direction: column; gap: 1rem; align-items: flex-start; }
|
||||
.report-tabs { flex-wrap: wrap; }
|
||||
.report-call { flex-direction: column; align-items: flex-start; }
|
||||
.report-call-tags { flex-direction: column; width: 100%; margin-top: 0.5rem; }
|
||||
.report-tag { display: flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; padding: 0.375rem 0.75rem; }
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
|
||||
Reference in new issue
Block a user