page-mine.component.scss 555 B

123456789101112131415161718192021222324252627282930313233343536
  1. /* page-mine.component.scss */
  2. .profile-section {
  3. max-width: 600px;
  4. margin: 0 auto;
  5. }
  6. .profile-avatar {
  7. width: 100px;
  8. height: 100px;
  9. margin: 0 auto 16px;
  10. }
  11. .login-prompt {
  12. text-align: center;
  13. padding: 40px 20px;
  14. .login-icon {
  15. font-size: 80px;
  16. color: var(--ion-color-medium);
  17. margin-bottom: 20px;
  18. }
  19. h2 {
  20. font-size: 1.5rem;
  21. margin-bottom: 8px;
  22. }
  23. p {
  24. color: var(--ion-color-medium);
  25. margin-bottom: 30px;
  26. }
  27. }
  28. ion-button {
  29. margin-top: 16px;
  30. }