hookehuyr

✨ feat: 创建活动表单样式整理优化

......@@ -101,17 +101,81 @@
}
}
.wrapper {
.sign-wrapper {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.block {
.block {
background-color: #fff;
border-radius: 0.6rem;
.title {
padding: 1rem 1rem 0.5rem 1rem;
text-align: center;
text {
font-size: 1.15rem;
}
}
.border {
overflow: auto;
border-bottom: 1px solid #F2F2F2;
.fix {
float: left;
padding-top: 0.5rem;
}
}
.cancel-box {
padding: 1rem 0;
margin: 1rem;
text-align: center;
.button {
color: #199A74;
border: 1px solid #199A74;
padding: 0.5rem 1rem;
border-radius: 1rem;
}
}
.confirm-box {
padding: 1rem 0;
margin: 1rem;
text-align: center;
.button {
color: #FFFFFF;
background-color: #199A74;
padding: 0.5rem 1rem;
border-radius: 1rem;
}
}
}
}
.limit-wrapper {
.border {
overflow: auto;
border-bottom: 1px solid #F2F2F2;
.fix {
float: left;
padding-top: 0.6rem;
}
}
}
.limit-button-wrapper {
padding: 1rem 0;
margin: 1rem;
text-align: center;
.button {
padding: 0.5rem 1rem; border-radius: 1rem;
}
.cancel {
color: #199A74;
border: 1px solid #199A74;
}
.confirm {
color: #FFFFFF;
background-color: #199A74;
}
}
.bg-gradient {
background: linear-gradient(#B3DDC9, #B3DDC9) no-repeat;
......@@ -126,3 +190,78 @@
color: #199A74;
}
}
.advanced-title {
background-color: #FFFFFF;
.box {
padding: 1rem 1rem 0.5rem 1rem;
text-align: center;
}
}
.public-sub {
padding-right: 0;
.public-sub-border {
border-bottom: 1px solid #F2F2F2;
overflow: auto;
.fix {
padding-top: 0.8rem;
color: #999;
}
}
}
.inner-sub {
padding-top: 0;
.inner-sub-border {
padding-bottom: 0.5rem;
border-bottom: 1px solid #F2F2F2;
overflow: auto;
.fix {
float: left;
padding-top: 0.5rem;
color: #999;
}
}
}
.blacklist-sub {
padding-top: 0;
.blacklist-sub-border {
padding-bottom: 0.5rem;
border-bottom: 1px solid #F2F2F2;
overflow: auto;
.fix {
float: left;
padding-top: 0.5rem;
color: #999;
}
}
}
.server-sub {
padding-top: 0;
padding-right: 0;
.fix {
padding-top: 0.8rem;
color: #999;
}
}
.confirm-publish-wrapper {
background-color: #FFFFFF;
box-shadow: 0rem -0.17rem 0.67rem 0rem rgba(0,0,0,0.05);
.box {
padding: 1rem 0;
margin: 1rem;
padding-bottom: 2rem;
margin-top: 0;
text-align: center;
.button {
color: #FFFFFF;
background-color: #199A74;
padding: 0.65rem 1rem;
border-radius: 1.5rem;
}
}
}
......
This diff is collapsed. Click to expand it.