SchoolUserHeader.scss 776 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .com-school-user-header{
  2. display:flex;
  3. flex-direction: row;
  4. background:#643b17;
  5. width:150px;
  6. height:60px;
  7. overflow: hidden;
  8. .header{
  9. height:100%;
  10. display:flex;
  11. width:30%;
  12. justify-content: center;
  13. align-items: center;
  14. .avatarBtn{
  15. height:40px;
  16. width:40px;
  17. border-radius: 10px;
  18. .avatar{
  19. width:40px;
  20. height:40px;
  21. }
  22. }
  23. }
  24. .user{
  25. display:flex;
  26. width:70%;
  27. font-size:12px;
  28. flex-direction: column;
  29. .name{
  30. font-size:14px;
  31. color:#cccccc;
  32. margin-left:10px;
  33. height:30px;
  34. line-height: 30px;
  35. }
  36. .icon{
  37. height:30px;
  38. display:flex;
  39. flex-direction: row;
  40. align-items: flex-end;
  41. justify-content: flex-start;
  42. margin-bottom: 10px;
  43. .img{
  44. width:20px;
  45. margin-left:10px;
  46. }
  47. }
  48. }
  49. }