176 lines
2.8 KiB
Plaintext
176 lines
2.8 KiB
Plaintext
.warehouse-modal-body {
|
|
max-height: 72vh;
|
|
overflow: auto;
|
|
padding: 4px 4px 0;
|
|
}
|
|
|
|
.warehouse-modal-footer {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 8px;
|
|
}
|
|
|
|
.warehouse-modal-title-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
padding-right: 24px;
|
|
}
|
|
|
|
.warehouse-modal-title-text {
|
|
font-size: 16px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.warehouse-modal-whse {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.warehouse-modal-whse-label {
|
|
font-size: 12px;
|
|
color: var(--color-text-3);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.warehouse-modal-card {
|
|
background: #fff;
|
|
border: 1px solid var(--color-border-2);
|
|
border-radius: 8px;
|
|
padding: 14px;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.warehouse-modal-card-title {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
margin-bottom: 12px;
|
|
color: var(--color-text-1);
|
|
}
|
|
|
|
.warehouse-modal-card-head {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 12px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.warehouse-modal-card-head .warehouse-modal-card-title {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.warehouse-modal-whse-badge {
|
|
padding: 4px 10px;
|
|
border-radius: 14px;
|
|
background: rgb(var(--green-1));
|
|
border: 1px solid rgb(var(--green-3));
|
|
color: rgb(var(--green-7));
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.warehouse-modal-meta {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 6px;
|
|
}
|
|
|
|
.warehouse-modal-toolbar {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin: 8px 0 10px;
|
|
padding: 8px 0;
|
|
border-bottom: 1px dashed var(--color-border-2);
|
|
}
|
|
|
|
.warehouse-modal-hint {
|
|
font-size: 12px;
|
|
color: var(--color-text-3);
|
|
}
|
|
|
|
.warehouse-modal-size-row {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
gap: 12px;
|
|
margin: 12px 0;
|
|
}
|
|
|
|
.warehouse-modal-size-label {
|
|
min-width: 40px;
|
|
color: var(--color-text-2);
|
|
}
|
|
|
|
.warehouse-modal-volume {
|
|
margin-top: 4px;
|
|
font-size: 12px;
|
|
color: var(--color-text-3);
|
|
}
|
|
|
|
.warehouse-modal-basic-layout {
|
|
display: flex;
|
|
gap: 16px;
|
|
}
|
|
|
|
.warehouse-modal-image-col {
|
|
flex: none;
|
|
width: 120px;
|
|
}
|
|
|
|
.warehouse-modal-form-col {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
.warehouse-modal-image-preview {
|
|
width: 104px;
|
|
height: 104px;
|
|
border: 1px dashed var(--color-border-2);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
background: var(--color-fill-1);
|
|
}
|
|
|
|
.warehouse-modal-image-preview img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.warehouse-modal-table-wrap {
|
|
:deep(.arco-table) {
|
|
border-radius: 6px;
|
|
}
|
|
}
|
|
|
|
.warehouse-modal-box-panel {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.warehouse-modal-platform-tags {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
}
|
|
|
|
.warehouse-modal-platform-tag {
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
.warehouse-modal-tip {
|
|
color: rgb(var(--red-6));
|
|
font-size: 13px;
|
|
line-height: 1.6;
|
|
}
|