session.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. #sessionPage{
  2. flex-direction: column;
  3. justify-content: flex-start;
  4. padding-bottom: 25px;
  5. }
  6. #sessionAddSet{
  7. position: absolute;
  8. top: 15px;
  9. right: 15px;
  10. }
  11. #noSessionText{
  12. color: white;
  13. font-size: 18px;
  14. }
  15. #sessionPage h1{
  16. text-align: center;
  17. text-decoration: underline;
  18. }
  19. .weightSet{
  20. padding: 10px 5px;
  21. border: 1px solid var(--accent);
  22. border-radius: 25px;
  23. margin: 15px 0;
  24. position: relative;
  25. }
  26. .weightSetDelete{
  27. background: linear-gradient(to right, var(--accent), var(--primary));
  28. border: none;
  29. position: absolute;
  30. top: 5px;
  31. right: 5px;
  32. font-size: 22px;
  33. border-radius: 50%;
  34. height: 35px;
  35. width: 35px;
  36. cursor: pointer;
  37. color: var(--dark);
  38. }
  39. .weightSet h3{
  40. margin-bottom: 15px;
  41. }
  42. .weightSet label{
  43. display: flex;
  44. flex-direction: column;
  45. margin-bottom: 10px;
  46. }
  47. .weightSet input{
  48. font-size: 22px;
  49. padding: 5px;
  50. color: var(--gray);
  51. }
  52. #nextSessionBtn, #finishSessionBtn{
  53. width: 100%;
  54. max-width: 550px;
  55. padding: 15px 0;
  56. margin-top: 25px;
  57. }