forgeplus-react/src/forge/Component/Component.scss

66 lines
1.2 KiB
SCSS

ul.ant-menu{
border-right: none;
}
ul.ant-menu li:last-child{
border-bottom: none;
}
li.ant-menu-item{
margin:0px!important;
border-bottom: 1px solid #eee;
}
// Cards
.cards{
display: flex;
align-items: center;
padding:20px 34px;
background-color: #fff;
margin:18px 0px;
.img{
margin-right: 20px;
width: 190px;
height: 90px;
border:1px solid rgba(238,238,238,1);
display: flex;
justify-content: center;
align-items: center;
img{
max-width: 100%;
}
}
.content{
flex:1;
width: 0;
.titles{
display: flex;
justify-content: space-between;
margin-bottom: 10px!important;
align-items: center;
&>span{
font-size:18px ;
color: #333;
}
}
.desc{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
}
// Tabs
.tabsStyle{
.ant-tabs-bar.ant-tabs-top-bar{
padding-left: 35px;
margin-bottom: 0px;
}
.ant-tabs-nav .ant-tabs-tab{
padding:19px 0px;
margin-right: 40px;
}
.ant-tabs-ink-bar{
width:25px!important;
bottom: 10px;
}
}