index.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .main {
  2. height: 88.8vh;
  3. .zero {
  4. width: 96vw;
  5. margin: 0 0 2vw 0;
  6. }
  7. .zero:last-child {
  8. margin: 0;
  9. }
  10. .one {
  11. display: flex;
  12. flex-direction: row;
  13. justify-content: space-around;
  14. flex-wrap: wrap;
  15. width: 96vw;
  16. padding: 2vw 0;
  17. background-color: #f1f1f1;
  18. button {
  19. width: 100%;
  20. font-size: 14px;
  21. margin: 0 1vw 1vw 1vw;
  22. padding: 2vw 1vw;
  23. }
  24. }
  25. .two {
  26. flex-grow: 1;
  27. position: relative;
  28. background-color: #ff0000;
  29. }
  30. }
  31. .dialog_one {
  32. width: 80vw;
  33. .content {
  34. background-color: #ffffff;
  35. border-bottom: 1px solid #cccccc;
  36. display: flex;
  37. flex-direction: row;
  38. justify-content: space-between;
  39. padding: 2vw;
  40. width: 76vw;
  41. .label {
  42. width: 25vw;
  43. text-align: left;
  44. font-size: 16px;
  45. }
  46. .value {
  47. width: 65vw;
  48. text-align: right;
  49. font-size: 16px;
  50. textarea {
  51. width: 65vw;
  52. }
  53. }
  54. }
  55. .btn {
  56. margin: 2vw 0 0 0;
  57. text-align: center;
  58. }
  59. }