Files
TakeoutSaaS.TenantUI/apps/web-antd/src/views/customer/analysis/styles/responsive.less

69 lines
973 B
Plaintext

@media (max-width: 1600px) {
.ca-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ca-member-overview {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 1024px) {
.ca-grid {
grid-template-columns: 1fr;
}
.ca-card-full {
grid-column: auto;
}
.ca-toolbar {
.ca-store-select {
width: 100%;
}
.ca-export-btn {
margin-left: 0;
}
}
.ca-segment-toolbar {
.ca-segment-search {
width: 100%;
}
}
}
@media (max-width: 768px) {
.ca-stats {
grid-template-columns: 1fr;
}
.ca-donut-wrap {
flex-direction: column;
align-items: flex-start;
}
.ca-member-overview {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ca-toolbar {
.ca-period-label {
width: 100%;
}
.ca-period-segment {
width: 100%;
}
.ca-export-btn {
width: 100%;
}
}
.ca-segment-toolbar {
flex-wrap: wrap;
}
}