style.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. .login {
  2. width: 100%;
  3. height: 100%;
  4. display: flex;
  5. overflow: hidden;
  6. .bg-gradient-primary {
  7. background: linear-gradient(135deg, #165DFF 0%, #0FC6C2 100%);
  8. }
  9. &-left {
  10. width: 50%;
  11. height: 100%;
  12. img {
  13. width: 100%;
  14. height: 100%;
  15. object-fit: cover;
  16. }
  17. }
  18. &-right {
  19. width: 40%;
  20. display: flex;
  21. flex-direction: column;
  22. justify-content: center;
  23. align-items: center;
  24. position: relative;
  25. &-content {
  26. width: 50%;
  27. &-title {
  28. margin-bottom: 30px;
  29. &-text {
  30. font-size: 24px;
  31. color: var(--primary);
  32. border-bottom: 2px solid var(--primary);
  33. background: linear-gradient(to bottom, #FFFFFF 50%, #D3DCF6 50%);
  34. }
  35. }
  36. }
  37. &-copyright {
  38. width: 100%;
  39. font-size: 12px;
  40. color: #C0C3CC;
  41. display: flex;
  42. justify-content: center;
  43. position: absolute;
  44. bottom: 20px;
  45. left: 0;
  46. }
  47. }
  48. // Ensure the password eye (antd suffix) sits at the far right
  49. }
  50. .password-input {
  51. position: relative;
  52. width: 100%;
  53. // target antd suffix inside this input wrapper
  54. .ant-input-affix-wrapper {
  55. position: relative;
  56. }
  57. .ant-input-suffix {
  58. position: absolute;
  59. right: 10px; // keep a small gap from right edge
  60. top: 50%;
  61. transform: translateY(-50%);
  62. display: flex;
  63. align-items: center;
  64. justify-content: center;
  65. z-index: 2;
  66. pointer-events: auto;
  67. }
  68. }
  69. .yzm_input{
  70. max-width: 100% !important;
  71. width: 100%;
  72. height: 100%;
  73. }
  74. input[type="number"],
  75. input[type="text"],
  76. input[type="password"] {
  77. min-height: 0px;
  78. }