index.css 912 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .my-wrap {
  2. height: 100%;
  3. }
  4. .avatar-area {
  5. height: 20%;
  6. /*background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);*/
  7. background-image: linear-gradient(to top, #ffdcd2 0%, #ffdbd1 1%, #fd898c 100%);
  8. position: relative;
  9. border-bottom-left-radius: 80% 15%;
  10. border-bottom-right-radius: 80% 15%;
  11. }
  12. .avatar {
  13. border-radius: 50%;
  14. width: 65px;
  15. height: 65px;
  16. background-color: #e8e8e8;
  17. position: absolute;
  18. left: 50%;
  19. top: 50%;
  20. transform: translate(-50%, -50%);
  21. }
  22. .nickname {
  23. color: white;
  24. font-weight: 600;
  25. font-size: 18px;
  26. position: absolute;
  27. left: 50%;
  28. top: 90%;
  29. transform: translate(-50%, -50%);
  30. }
  31. .my-card {
  32. background-color: white;
  33. margin-top: 15px;
  34. }
  35. .card-title {
  36. height: 60px;
  37. line-height: 60px;
  38. padding-left: 20px;
  39. font-size: 18px;
  40. border-bottom: 1px solid #F3F3F3;
  41. }