Files
TakeoutSaaS.TenantUI/apps/web-antd/src/views/finance/invoice/styles/responsive.less

48 lines
675 B
Plaintext

/**
* 文件职责:发票管理页面响应式样式。
*/
@media (max-width: 1600px) {
.fi-stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.fi-stats {
grid-template-columns: 1fr;
}
.fi-toolbar {
padding: 14px 12px;
.fi-date-input,
.fi-status-select,
.fi-type-select,
.fi-search {
width: 100%;
}
.fi-date-sep,
.fi-toolbar-spacer {
display: none;
}
}
.fi-form-grid,
.fi-info-grid {
grid-template-columns: 1fr;
.full {
grid-column: auto;
}
}
.fi-save-bar {
justify-content: stretch;
.ant-btn {
flex: 1;
}
}
}