138 lines
2.2 KiB
CSS
138 lines
2.2 KiB
CSS
@media (max-width: 1080px) {
|
|
body {
|
|
overflow: auto;
|
|
}
|
|
|
|
.app-shell,
|
|
.body-grid {
|
|
min-height: auto;
|
|
}
|
|
|
|
.workspace {
|
|
overflow: visible;
|
|
}
|
|
|
|
.kpi-grid,
|
|
.panel-grid,
|
|
.overview-charts,
|
|
.user-kpi-row,
|
|
.page-skeleton__kpis,
|
|
.page-skeleton__charts {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
|
|
.table-scroll {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.user-pill {
|
|
display: none;
|
|
}
|
|
|
|
.split-grid,
|
|
.page-skeleton__content {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.inline-inspector {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 760px) {
|
|
.header-tools {
|
|
gap: 8px;
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.header-location {
|
|
min-width: auto;
|
|
padding: 0 12px;
|
|
}
|
|
|
|
.search-trigger {
|
|
min-width: 0;
|
|
width: 42px;
|
|
justify-content: center;
|
|
padding: 0;
|
|
}
|
|
|
|
.search-trigger span {
|
|
display: none;
|
|
}
|
|
|
|
.workspace {
|
|
padding: 16px;
|
|
}
|
|
|
|
.page-skeleton {
|
|
height: calc(100vh - var(--header-height) - 32px);
|
|
height: calc(100dvh - var(--header-height) - 32px);
|
|
grid-template-rows: 80px minmax(96px, 0.55fr) minmax(132px, 0.75fr) minmax(180px, 1fr);
|
|
}
|
|
|
|
.page-skeleton__head {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.page-skeleton__title {
|
|
width: 58%;
|
|
}
|
|
|
|
.page-head,
|
|
.table-toolbar {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.kpi-grid,
|
|
.panel-grid,
|
|
.overview-charts,
|
|
.user-kpi-row,
|
|
.alert-strip,
|
|
.page-skeleton__kpis,
|
|
.page-skeleton__charts {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.page-skeleton__kpis .page-skeleton__kpi:nth-child(n + 3),
|
|
.page-skeleton__charts .page-skeleton__block:nth-child(n + 2),
|
|
.page-skeleton__rail {
|
|
display: none;
|
|
}
|
|
|
|
.page-skeleton__kpis {
|
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
}
|
|
|
|
.filters-panel {
|
|
align-items: stretch;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.filters-panel .search-box {
|
|
flex-basis: auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.filter-row {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.drawer {
|
|
width: min(360px, 100vw);
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
animation-duration: 1ms !important;
|
|
animation-iteration-count: 1 !important;
|
|
scroll-behavior: auto !important;
|
|
transition-duration: 1ms !important;
|
|
}
|
|
}
|