yapi/client/containers/Project/Setting/Setting.scss

120 lines
2.1 KiB
SCSS
Raw Normal View History

2017-08-17 15:34:43 +08:00
.form-item {
margin-bottom: .16rem;
}
2017-08-17 22:19:58 +08:00
.breakline {
margin-top: .18rem;
margin-bottom: .18rem;
border: 0;
border-top: 1px solid #eeeeee;
}
.card-danger {
border-color: #ff561b;
border-radius: 4px;
.ant-card-body {
display: flex;
align-items: center;
}
.card-danger-content {
flex: 1;
}
.card-danger-btn {
flex-grow: 0;
flex-shrink: 1;
}
}
.setting-group {
.ant-card-head {
background-color: #eee;
}
.ant-card-body {
padding: 0;
}
.card-item {
padding: .1rem .15rem;
position: relative;
.item-img {
width: .2rem;
height: .2rem;
margin-right: .08rem;
2017-08-22 12:20:33 +08:00
vertical-align: middle;
}
.item-name {
position: absolute;
left: .43rem;
top: 50%;
transform: translateY(-50%);
}
.item-role {
position: absolute;
right: .15rem;
top: 50%;
transform: translateY(-50%);
}
}
.card-item + .card-item {
border-top: 1px solid #eee;
}
}
2017-08-23 10:36:24 +08:00
.project-setting {
.setting-logo {
text-align: right;
padding: .24rem;
cursor: pointer;
}
.setting-intro {
padding: .24rem;
height: 1.48rem;
display: flex;
align-items: center;
flex-wrap: wrap;
.ui-title {
font-size: .32rem;
font-weight: normal;
width: 100%;
}
.ui-desc {
font-size: .16rem;
}
}
.ui-logo {
width: 1rem;
height: 1rem;
border-radius: 50%;
2017-08-23 15:25:35 +08:00
font-size: .5rem;
2017-08-23 10:36:24 +08:00
color: #fff;
background-color: #2395f1;
line-height: 1rem;
box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}
}
2017-08-23 15:25:35 +08:00
.change-project-container {
max-width: 320px;
.ant-popover-inner {
text-align: center;
}
.ant-popover-title {
padding: 8px .16rem;
height: auto;
}
.ant-radio-button-wrapper {
font-size: 16px;
border: none;
&:first-child {
border: none;
}
&:not(:first-child)::before {
display: none !important;
}
}
.ant-radio-button-wrapper-checked {
box-shadow: none;
color: #fff;
background-color: #2395f1;
border-radius: 4px;
}
}