login.page.scss 713 B

1234567891011121314151617181920212223242526272829303132
  1. //窗口居中
  2. .login-container {
  3. display: flex;
  4. justify-content: center;
  5. align-items: center;
  6. height: 90vh; /* 使用视窗高度,保证内容居中且不畸形 */
  7. padding: 0px; /* 可根据需要调整内边距 */
  8. box-sizing: border-box; /* 确保内边距不影响总宽度 */
  9. }
  10. .login-card {
  11. max-width: 400px; /* 设置最大宽度,避免内容过于扩展 */
  12. width: 100%; /* 宽度100%,确保内容在容器内部居中 */
  13. text-align: center; /* 文本居中 */
  14. }
  15. //登录注册
  16. .label-login{
  17. font-size: 30px !important;
  18. margin-bottom: 18px;
  19. }
  20. //返回按钮
  21. .ion-login{
  22. margin:0px 30px 0px 30px;
  23. padding: auto;
  24. }
  25. .ion-back{
  26. margin:0px 30px 10px 30px;
  27. padding: auto;
  28. }