feat: expand MetalCircle app and privacy controls

This commit is contained in:
kai
2026-08-28 12:57:31 +02:00
parent bba611ca94
commit e72b93a74a
9 changed files with 239 additions and 33 deletions
+4 -2
View File
@@ -43,6 +43,7 @@ header {
position: sticky;
top: 0;
z-index: 1000;
isolation: isolate;
backdrop-filter: blur(10px);
}
@@ -79,12 +80,13 @@ header {
color: var(--accent);
}
.user-menu { position: relative; margin-left: auto; }
.user-menu { position: relative; z-index: 2000; margin-left: auto; }
.header-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; min-width: 0; }
.user-menu summary { padding: 9px 12px; border: 1px solid var(--border); border-radius: 9px; cursor: pointer; list-style: none; font-weight: 700; }
.user-menu summary::-webkit-details-marker { display: none; }
.user-menu[open] { z-index: 3000; }
.user-menu[open] summary { border-color: var(--accent); background: var(--surface-hover); }
.user-menu-panel { position: absolute; top: calc(100% + 7px); right: 0; z-index: 1100; min-width: 170px; padding: 7px; background: #090909; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 14px 35px rgba(0,0,0,.6); }
.user-menu-panel { position: fixed; top: 72px; right: max(15px, calc((100vw - 1100px) / 2 + 20px)); z-index: 10000; min-width: 190px; padding: 7px; background: #090909; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 14px 35px rgba(0,0,0,.75); }
.user-menu-panel a, .user-menu-panel button { display: block; width: 100%; padding: 10px 11px; color: var(--text); background: transparent; border: 0; border-radius: 7px; text-align: left; font: inherit; cursor: pointer; }
.user-menu-panel a:hover, .user-menu-panel button:hover { background: var(--surface-hover); color: #f87171; }
.user-menu-panel form { max-width: none; margin: 0; }