login.page.scss 678 B

12345678910111213141516171819202122232425262728293031
  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;
  18. }
  19. //返回按钮
  20. .ion-login{
  21. margin:0px 30px 0px 30px;
  22. padding: auto;
  23. }
  24. .ion-back{
  25. margin:0px 30px 10px 30px;
  26. padding: auto;
  27. }