1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- .com-teacher{
-
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-items: flex-start;
- height:100px;
- background:#505050;
- border-bottom:10px;
- border-bottom:1px solid #434343;
- .header{
- width:30%;
- display: flex;
- justify-content: center;
- align-items: center;
- height:100%;
- .img{
- width:60px;
- height:60px;
- border-radius: 50%;
- }
- }
- .intro{
- width:50%;
- color:#FFF;
- display: flex;
- flex-direction: column;
- .name{
- font-size:14px;
- font-weight: bold;
- height:30px;
- line-height: 30px;
- margin-top:15px;
- }
- .time{
- color:#CCC;
- }
- .tags{
- display: flex;
- flex-direction: row;
- margin-top:5px;
- font-size:12px;
- color:#CCC;
- // .tag{
- // border:1px solid $teacher-main-color;
- // color:$teacher-main-color;
- // margin-right:5px;
- // border-radius: 3px;
- // padding:0px 3px;
- // font-size:12px;
- // }
- }
- }
- .btns{
- width:30%;
- height:100%;
- display:flex;
- justify-content: center;
- align-items: center;
- .btn{
- padding:0px;
- margin:0px;
- height:30px;
- width:80%;
- font-size:12px;
- line-height: 30px;
- border-radius:10px;
-
-
- }
- .disabled{
- background:#CCC;
-
- }
- .active{
- background:$teacher-main-color;
- color:#FFF;
- }
- }
- }
|