CalendarForm.scss 948 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .com-calendar-form{
  2. background:#FFF;
  3. min-height:300px;
  4. border-top-left-radius: 10px;
  5. border-top-right-radius: 10px;
  6. .date{
  7. height:50px;
  8. width:100%;
  9. padding-left:20px;
  10. display:flex;
  11. justify-content: flex-start;
  12. align-items: center;
  13. font-weight: bold;
  14. }
  15. .title{
  16. width:100%;
  17. display:flex;
  18. justify-content: center;
  19. align-items: center;
  20. font-size: 16px;
  21. font-weight: bold;
  22. }
  23. .content{
  24. padding:10px 20px;
  25. font-size:14px;
  26. padding-bottom: 20px;
  27. .btn{
  28. width:100%;
  29. display:flex;
  30. justify-content:space-between;
  31. align-items: center;
  32. height:50px;
  33. .link{
  34. font-size:12px;
  35. }
  36. .hx-btn{
  37. color:blue;
  38. }
  39. }
  40. }
  41. .qr-code{
  42. background:#FFF;
  43. border-radius: 10px;
  44. overflow: hidden;
  45. .qr-box{
  46. display:flex;
  47. justify-content: center;
  48. align-items: center;
  49. padding:20px;
  50. }
  51. .qr-text{
  52. text-align:center;
  53. font-size:12px;
  54. padding-bottom:20px;
  55. }
  56. }
  57. }