moved icon profile on up
This commit is contained in:
@@ -35,6 +35,22 @@
|
||||
.f-topbar-center { flex: 1; display: flex; justify-content: center; }
|
||||
.f-topbar-spacer { width: 32px; flex-shrink: 0; }
|
||||
|
||||
/* ── Topbar Profile ── */
|
||||
.f-topbar-profile {
|
||||
width: 32px; height: 32px; flex-shrink: 0;
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
cursor: pointer; border-radius: 50%;
|
||||
transition: background .15s;
|
||||
}
|
||||
.f-topbar-profile:hover { background: rgba(255,255,255,.08); }
|
||||
.f-topbar-profile .f-profile-avatar {
|
||||
width: 28px; height: 28px; border-width: 1.5px;
|
||||
}
|
||||
.f-topbar-profile .f-profile-avatar-placeholder {
|
||||
width: 28px; height: 28px; font-size: 1rem;
|
||||
}
|
||||
.f-topbar-login-icon { font-size: 1.1rem; line-height: 1; }
|
||||
|
||||
/* ── Filter Bar ── */
|
||||
.f-filter-bar {
|
||||
display: flex; gap: 10px;
|
||||
|
||||
@@ -105,6 +105,19 @@
|
||||
.f-m-submit:active:not(:disabled) { transform: translateY(0); }
|
||||
.f-m-submit:disabled { opacity: .5; cursor: not-allowed; animation: none; background: #444; color: #aaa; }
|
||||
.f-m-submit-row { display: flex; align-items: center; justify-content: center; gap: 8px; }
|
||||
|
||||
/* ── Modal Logout Button ── */
|
||||
.f-modal-logout {
|
||||
display: block; width: 100%; margin-top: 16px; padding: 10px;
|
||||
border-radius: 10px; border: 1px solid rgba(255,107,107,.3);
|
||||
background: rgba(255,107,107,.08); color: rgba(255,107,107,.8);
|
||||
font-family: var(--font); font-size: .9rem; font-weight: 700; cursor: pointer;
|
||||
transition: background .15s, border-color .15s;
|
||||
}
|
||||
.f-modal-logout:hover {
|
||||
background: rgba(255,107,107,.18);
|
||||
border-color: rgba(255,107,107,.5);
|
||||
}
|
||||
.f-m-spinner {
|
||||
width: 16px; height: 16px;
|
||||
border: 2px solid rgba(8,35,32,.3); border-top-color: #082320;
|
||||
|
||||
Reference in New Issue
Block a user