crm-app-vue3/components/add-inquiry-dialog/index.scss

::v-deep .u-modal__content{
	flex-direction: column;
	gap: 30rpx;
	.title_wrap{
		display: flex;
		align-items: center;
		gap: 8rpx;
		.title{
			font-size: 26rpx;
			color: #333;
			white-space: nowrap;
			flex-shrink: 0;
		}
		.modal_wrap{
			border-radius: 40rpx;
			padding: 10rpx 20rpx;
			box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.1);
			display: flex;
			align-items: center;
			.item{
				width: 33%;
			}
			.brand{
				font-size: 30rpx;
				color: #111827;
				text-align: center;
				font-weight: 550;
			}
			.placeholder{
				font-size:30rpx;
				color: #c0c4cc;
				text-align: center;
			}
			.divider{
				color: #ddd;
				font-size: 28rpx;
			}
			.uni-input-wrapper{
				text-align: center;
			}
			.code-input {
				.u-input__content__field-wrapper__field{
					color: blueviolet !important;
					font-weight: 550;
				}
			}
		}
	}
	.img_wrap{
		display: flex;
	}
	.price_wrap{
		display: grid;
		grid-template-columns: 0.5fr 1fr;
		gap: 10rpx;
	}
	.history_wrap{
		max-height: 300rpx;
		overflow: auto;
		.title{
			font-size: 26rpx;
			color: #333;
			white-space: nowrap;
			flex-shrink: 0;
		}
	}
	.price{
		.u-input__content__field-wrapper__field{
			font-size: 34rpx !important;
			color: red !important;
			font-weight: 600;
		}
	}
}
::v-deep .u-cell__title-text{
	width:max-content !important;
}