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; }
|
.card-metric-value { font-size: 1rem; }
|
||||||
.cookie-inner { flex-direction: column; text-align: center; }
|
.cookie-inner { flex-direction: column; text-align: center; }
|
||||||
.dashboard-preview, .report-preview { border-radius: var(--radius-lg); }
|
.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) {
|
@media (max-width: 480px) {
|
||||||
|
|||||||
Reference in new issue
Block a user