CreatorCenter_OOIN/src/styles/Campaign.scss

113 lines
2.4 KiB
SCSS
Raw Normal View History

2025-05-15 10:42:39 +08:00
// @import '@/styles/custom-theme.scss';
// 导入变量
@import './variables';
.product-script {
display: flex;
flex-flow: column nowrap;
gap: 1rem;
.product-script-video-req {
.video-req-form {
display: flex;
flex-flow: column nowrap;
gap: 0.5rem;
2025-05-22 09:22:28 +08:00
padding-bottom: 1rem;
border-bottom: 1px solid $neutral-200;
2025-05-15 10:42:39 +08:00
.form-header {
font-size: 1.25rem;
font-weight: 700;
}
.form-label {
color: $neutral-700;
font-weight: 700;
margin: 0;
2025-05-22 09:22:28 +08:00
margin-bottom: 0.25rem;
}
}
.product-ai-script {
padding: 1rem 0;
.header {
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
.title {
font-weight: 700;
font-size: 1.125rem;
}
}
.form-label {
color: $neutral-700;
font-weight: 700;
margin: 0;
margin-bottom: 0.25rem;
2025-05-15 10:42:39 +08:00
}
}
}
}
2025-05-29 09:28:25 +08:00
.inline-step-progress {
display: flex;
align-items: center;
position: relative;
width: 100%;
justify-content: space-between;
padding: 16px 0 65px 0;
.inline-step {
position: relative;
display: flex;
align-items: center;
width: 100%;
}
.circle {
width: 14px;
height: 14px;
border-radius: 50%;
font-size: 10px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.completed {
background-color: #6f6ee3;
color: white;
}
.pending {
background-color: #fff;
border: 1px solid #ccc;
color: transparent;
}
.line {
height: 2px;
width: 100%;
background-color: #ccc;
z-index: 0;
}
.label {
position: absolute;
top: 18px;
text-align: center;
left: -45%;
width: 100%;
.label-text {
display: inline-block;
}
.label-date {
display: inline-block;
}
}
}
.matching-result-table {
th, td {
text-align: center;
}
}