edit_task.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. .new_task_page {
  2. height: 50vw;
  3. background-color: #dcb495;
  4. }
  5. .form_data {
  6. display: flex;
  7. flex-direction: column;
  8. margin-left: 2%;
  9. }
  10. .form_block {
  11. display: flex;
  12. align-items: center;
  13. justify-content: center;
  14. }
  15. .form_data_button {
  16. margin-top: 2.5vw;
  17. display: flex;
  18. flex-direction: column;
  19. justify-content: center;
  20. align-items: center;
  21. }
  22. .input_data {
  23. color: #000000;
  24. border: 0.1vw solid #595008;
  25. height: 4.5vw;
  26. min-height: 4.5vw;
  27. width: 50vw;
  28. background-color: #dbc3af;
  29. border-radius: 4.5vw;
  30. font-size: 1.3vw;
  31. display: inline-flex;
  32. align-items: center;
  33. }
  34. .form_label {
  35. margin-top: 10px;
  36. font-size: 1.3vw;
  37. color: #ffffff;
  38. font-weight: bold;
  39. }
  40. .description {
  41. border-radius: 2vw !important;
  42. width: 50vw;
  43. max-height: 10vw !important;
  44. }
  45. .name_form_block {
  46. width: 100%;
  47. display: flex;
  48. flex-direction: column;
  49. align-items: center;
  50. }
  51. .deadline {
  52. width: 20vw;
  53. }
  54. .quest_button {
  55. margin-top: 1vw;
  56. margin-left: 5vw;
  57. width: 20vw;
  58. height: 5vw;
  59. background-color: #000000;
  60. color: #ffffff;
  61. border-radius: 5vw;
  62. vertical-align: middle;
  63. font-size: 1.5vw;
  64. }
  65. .data_form_block {
  66. display: flex;
  67. flex-direction: row;
  68. align-items: center;
  69. justify-content: center;
  70. }
  71. .deadline {
  72. margin: 5px;
  73. }
  74. .link_back_block {
  75. display: flex;
  76. align-items: center;
  77. justify-content: center;
  78. flex-direction: column;
  79. flex-wrap: nowrap;
  80. }
  81. .link_back {
  82. background-color: #ffffff;
  83. color: #000000;
  84. width: 15vw;
  85. height: 4.5vw;
  86. vertical-align: middle;
  87. border-radius: 5vw;
  88. display: flex;
  89. align-items: center;
  90. justify-content: center;
  91. }
  92. .link_back:hover {
  93. text-decoration: none;
  94. color: #000000;
  95. }
  96. .link_back_text {
  97. font-size: 1.5vw;
  98. margin-top: 15px;
  99. display: flex;
  100. align-items: center;
  101. justify-content: center;
  102. }
  103. .delete_project_link {
  104. background-color: #ff3f3f;
  105. border: #ff3f3f;
  106. }