Spaces:
Sleeping
Sleeping
| /* profile-page.css */ | |
| .profile-page__container { | |
| max-width: 800px; | |
| margin: 0 auto; | |
| padding: 20px; | |
| background-color: var(--ai-sidebar-bg-color, #ffffff); | |
| border-radius: 8px; | |
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | |
| } | |
| .profile-page__title { | |
| color: var(--ai-sidebar-text-color, #333333); | |
| font-size: 24px; | |
| margin-bottom: 20px; | |
| } | |
| .profile-page__info { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 15px; | |
| } | |
| .profile-page__info-item { | |
| background-color: var(--ai-sidebar-hover-bg-color, #f0f0f0); | |
| padding: 10px; | |
| border-radius: 4px; | |
| } | |
| .profile-page__info-label { | |
| font-weight: bold; | |
| color: var(--ai-sidebar-active-text-color, #007bff); | |
| } | |
| .profile-page__info-value { | |
| color: var(--ai-sidebar-text-color, #333333); | |
| } | |
| .profile-page__logout-btn { | |
| margin-top: 20px; | |
| padding: 10px 20px; | |
| background-color: var(--ai-sidebar-active-bg-color, #007bff); | |
| color: #ffffff; | |
| border: none; | |
| border-radius: 4px; | |
| cursor: pointer; | |
| transition: background-color 0.3s ease; | |
| } | |
| .profile-page__logout-btn:hover { | |
| background-color: var(--ai-sidebar-hover-bg-color, #0056b3); | |
| } | |