ayushya/ayushya.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Noo site: match avatar menu to app, add external storage highlight
Deploy noo (noo.ayushya.dev) / deploy (push) Successful in 16s
Details

Browse Source 
Co-Authored-By: Claude Code <noreply@anthropic.com>
This commit is contained in:
ayushya
2026-10-01 14:50:11 -04:00
co-authored by Claude Code
parent 19c82c5068
commit 4b68720eab
3 changed files with 40 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
noo/styles.css
+11 -6
View File
@@ -971,20 +971,25 @@ button.srow:hover { filter: brightness(0.98); }
}
.np-dr:hover { background: var(--sf2); }
.np-sep { height: 1px; background: var(--ln); margin: 8px 8px; }
.np-scrim-clear { background: transparent; }
.np-pop {
position: absolute; top: 80px; right: 12px; width: 260px;
position: absolute; top: 28px; left: 16px; right: 16px;
background: var(--sf);
border: 1px solid var(--ln);
border-radius: var(--radius-card);
padding: 8px;
z-index: 7;
box-shadow: 0 24px 48px rgba(30, 0, 47, 0.14);
animation: drawerIn var(--motion-base) var(--ease);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25), 0 24px 48px rgba(30, 0, 47, 0.14);
transform-origin: top right;
animation: popIn var(--motion-fast, 150ms) var(--ease);
}
.np-acct { display: flex; align-items: center; gap: 12px; padding: 8px 10px; }
.np-acct span:not(.av) { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.np-acct b { font-size: 14px; font-weight: 600; }
@keyframes popIn { from { transform: scale(0.96); opacity: 0; } to { transform: none; opacity: 1; } }
.np-pop .np-dr { height: 48px; }
.np-acct { display: flex; align-items: center; gap: 12px; padding: 8px 12px; width: 100%; text-align: left; }
.np-acct span:not(.av) { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.np-acct b { font-size: 16px; font-weight: 600; }
.np-acct i { font-style: normal; font-size: 12px; color: var(--fg3); }
.np-pop .np-sep { margin: 6px 4px; }
.np-pop .av-current { box-shadow: none; }
/* ---------- motion ---------- */