Illustrate monthly reports and add viewing pattern breakdowns
This commit is contained in:
@@ -28,3 +28,14 @@
|
||||
.report-email-panel { display: grid; gap: 12px; }
|
||||
.report-email-panel > button { justify-self: start; }
|
||||
.report-email-panel p, .report-email-panel li { overflow-wrap: anywhere; }
|
||||
|
||||
.report-pattern-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:20px 0; }
|
||||
.report-pattern-summary article { padding:24px; border:1px solid #45404e; border-radius:16px; background:linear-gradient(135deg,#262137,#14292d); }
|
||||
.report-pattern-summary span { color:#d0c6e7; font-size:13px; }
|
||||
.report-pattern-summary strong { display:block; font-size:36px; margin:12px 0; color:#c5baff; }
|
||||
.report-pattern-summary small { font-size:16px; }
|
||||
.report-pattern-summary p { color:#b6b6c0; font-size:13px; margin:0; }
|
||||
.report-top-titles li { grid-template-columns:44px minmax(0,1fr) auto; gap:12px; }
|
||||
.report-top-titles li > div { flex:1; min-width:0; }
|
||||
.report-top-titles li > .stats-media-icon { width:44px; }
|
||||
@media(max-width:640px) { .report-pattern-summary { grid-template-columns:1fr; } }
|
||||
|
||||
Reference in New Issue
Block a user