feat: expand MetalCircle app and privacy controls
This commit is contained in:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user