index.scss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. @import '@/styles/var.scss';
  2. .salary {
  3. height: 100%;
  4. display: flex;
  5. overflow: hidden;
  6. .salary-table {
  7. @include f-direction;
  8. }
  9. }
  10. .submit {
  11. padding: 0.5rem 1.875rem;
  12. // margin-top: 1.25rem;
  13. }
  14. .form-card {
  15. overflow: auto;
  16. .form-card-right,
  17. .form-card-left {
  18. display: flex;
  19. flex-direction: column;
  20. }
  21. .form-card-right {
  22. align-items: end;
  23. }
  24. .form-card-left {
  25. align-items: start;
  26. }
  27. }
  28. .d-flex {
  29. display: flex;
  30. justify-content: center;
  31. align-items: center;
  32. flex-wrap: nowrap;
  33. }
  34. .justify-start {
  35. justify-content: start;
  36. }
  37. .input-suffix {
  38. width: 100%;
  39. flex-direction: column;
  40. .w-50 {
  41. width: 12.5rem;
  42. }
  43. .inline-flex {
  44. white-space: nowrap;
  45. display: inline-flex;
  46. }
  47. }
  48. .title {
  49. text-align: center;
  50. }
  51. .info-content {
  52. display: flex;
  53. color: #303133;
  54. .info-name {
  55. display: flex;
  56. flex-direction: column;
  57. padding-left: 0.75rem;
  58. span:first-child {
  59. margin-right: 2rem;
  60. }
  61. }
  62. }
  63. .b-r,
  64. .form-card {
  65. border-radius: 8px;
  66. }
  67. .demonstration {
  68. margin-left: 8px;
  69. }