leandro
e8d519af9d
All checks were successful
CI/CD Pipeline / Build and Deploy with Docker Compose (pull_request) Successful in 36m19s
close #78
9 lines
1.2 KiB
CSS
9 lines
1.2 KiB
CSS
.login-state { display: flex; min-width: 0; align-items: center; gap: .65rem; }
|
|
.user-avatar { display: inline-flex; width: 2.2rem; height: 2.2rem; flex: 0 0 2.2rem; align-items: center; justify-content: center; color: #fff; background: #3157a4; border-radius: 50%; font-size: .78rem; font-weight: 750; }
|
|
.user-copy { display: flex; min-width: 0; flex-direction: column; line-height: 1.15; text-align: left; }
|
|
.user-copy small { color: var(--ph-text-muted); font-size: .66rem; }
|
|
.user-copy strong { max-width: 13rem; overflow: hidden; color: var(--ph-text); font-size: .82rem; text-overflow: ellipsis; white-space: nowrap; }
|
|
.logout-button { display: inline-flex; width: 2.2rem; height: 2.2rem; align-items: center; justify-content: center; color: var(--ph-text-muted); border: 1px solid var(--ph-border); border-radius: .55rem; text-decoration: none; transition: color .15s ease, background-color .15s ease, border-color .15s ease; }
|
|
.logout-button:hover { color: var(--ph-danger); background: color-mix(in srgb, var(--ph-danger) 8%, transparent); border-color: color-mix(in srgb, var(--ph-danger) 35%, var(--ph-border)); }
|
|
@media (max-width: 575.98px) { .user-copy { display: none; } }
|