@use './index.scss' as index;

/* 页面宽度小于576px
------------------------------- */
@media screen and (max-width: index.$xs) {
	.el-form-item__label {
		width: 100% !important;
		text-align: left !important;
		// 移动端 label 右对齐问题
		justify-content: flex-start !important;
	}
	.el-form-item__content {
		margin-left: 0 !important;
	}
	.el-form-item {
		// 响应式表单时，登录页需要重新处理
		display: unset !important;
	}
	// 表格演示中的表单筛选
	.table-form-btn {
		display: flex !important;
		.el-form-item__label {
			width: auto !important;
		}
	}
	// 表格演示中的表单筛选最大高度，适配移动端
	.table-search-container {
		max-height: 160px;
		overflow: auto;
	}
}
