thePR0M3TH3AN/Artstr-Studio
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/Artstr-Studio.git synced 2026-11-04 20:50:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Lock edit banner and Nostr widget heights

Browse Source
This commit is contained in:
thePR0M3TH3AN committed 2026-05-23 19:45:22 -04:00
1 parent 3836f4003a
commit 9423f6c2b3
1 file changed
+7 -7
Download Patch File Download Diff File Expand all files Collapse all files
src/index.html
+7 -7
View File
@@ -1868,9 +1868,9 @@
/* Nostr user widget — fixed top-right */
/* Docked into the top-right corner, flush and sharp like the toolbars. */
.nostrWidget{position:fixed;top:0;right:0;z-index:500;display:flex;align-items:center;gap:6px;background:var(--panel);border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:3px 14px 3px 12px}
.nostrWidget .pill{box-shadow:none;padding:4px 10px;font-size:.78rem;line-height:1.2;min-height:26px}
.nostrProfileBtn{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:0;padding:2px 9px;background:#fff;cursor:pointer;font-size:.78rem;line-height:1.2;font-weight:600;color:var(--ink);max-width:200px;min-height:26px}
.nostrWidget{position:fixed;top:0;right:0;z-index:500;display:flex;align-items:center;gap:6px;background:var(--panel);border-left:1px solid var(--line);border-bottom:1px solid var(--line);box-sizing:border-box;height:var(--top-strip-height,34px);padding:3px 14px 3px 12px}
.nostrWidget .pill{box-shadow:none;padding:4px 10px;font-size:.78rem;line-height:1.2;height:26px;box-sizing:border-box;display:inline-flex;align-items:center}
.nostrProfileBtn{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:0;padding:2px 9px;background:#fff;cursor:pointer;font-size:.78rem;line-height:1.2;font-weight:600;color:var(--ink);max-width:200px;height:26px;box-sizing:border-box}
.nostrAvatar{width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:#f1f5f9;flex:0 0 auto}
.nostrNameEl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
body.dark .nostrProfileBtn{background:transparent;border:none;padding:0}
@@ -2084,14 +2084,14 @@
.layerClipboardRow button { font-size:.78rem; padding:4px 10px; }
.layerClipboardRow .hint { font-size:.72rem; margin-left:auto; }
.editingBanner { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px var(--nostr-widget-space, 210px) 8px 14px; background:rgba(251,191,36,.12); border-bottom:1px solid rgba(251,191,36,.4); font-size:.85rem; color:#92400e; flex-wrap:wrap; }
.editingBanner { display:flex; align-items:center; justify-content:space-between; gap:12px; box-sizing:border-box; height:var(--top-strip-height,34px); overflow:hidden; padding:3px var(--nostr-widget-space, 210px) 3px 14px; background:rgba(251,191,36,.12); border-bottom:1px solid rgba(251,191,36,.4); font-size:.85rem; color:#92400e; flex-wrap:nowrap; }
body.dark .editingBanner { background:rgba(251,191,36,.1); color:#fbbf24; }
.editingBannerText { flex:1; min-width:0; overflow-wrap:anywhere; }
.editingBannerText { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.editingBannerText strong { font-weight:700; }
#editingBannerCancel { font-size:.78rem; padding:4px 10px; flex-shrink:0; }
#editingBannerCancel { font-size:.78rem; padding:4px 10px; height:26px; box-sizing:border-box; flex-shrink:0; display:inline-flex; align-items:center; }
#designObjectBanner { background:rgba(96,165,250,.13); border-bottom-color:rgba(96,165,250,.45); color:#1d4ed8; }
body.dark #designObjectBanner { background:rgba(96,165,250,.12); color:#93c5fd; }
#designObjectBanner button { font-size:.78rem; padding:4px 10px; flex-shrink:0; }
#designObjectBanner button { font-size:.78rem; padding:4px 10px; height:26px; box-sizing:border-box; flex-shrink:0; display:inline-flex; align-items:center; }
.designObjectFrame { position:absolute; inset:0; overflow:hidden; background:transparent; pointer-events:none; }
.designObjectFrame::after { content:''; position:absolute; inset:0; border:1px solid rgba(15,23,42,.12); pointer-events:none; }