fixes and my notes function

This commit is contained in:
Mateusz Gruszczyński
2026-07-22 13:04:21 +02:00
parent 8bf45938ea
commit ec9f002b81
13 changed files with 224 additions and 14 deletions
+25
View File
@@ -524,3 +524,28 @@ dialog::backdrop { background: rgba(4,6,9,.82); }
[hidden] { display: none !important; }
.identity-panel #auth-panel:not([hidden]) { margin-top: 4px; }
.identity-panel #nickname:disabled { opacity: .55; cursor: not-allowed; }
#resources-dialog { width: min(760px, calc(100% - 28px)); max-width: 760px; }
.resources-panel { position: relative; box-sizing: border-box; width: 100%; min-width: 0; max-height: 80vh; overflow-x: hidden; overflow-y: auto; }
.resources-panel__header { min-width: 0; padding-right: 38px; }
.resources-panel__header h2 { margin: 0 0 7px; overflow-wrap: anywhere; }
.resources-panel__header p { margin: 0; overflow-wrap: anywhere; }
.resources-list { display: grid; min-width: 0; gap: 10px; margin-top: 18px; }
.resource-row { display:flex; min-width:0; justify-content:space-between; gap:16px; align-items:center; padding:12px; border:1px solid var(--border); border-radius:10px; }
.resource-row > :first-child { min-width: 0; }
.resource-row a { display: block; max-width: 100%; font-weight:700; overflow-wrap:anywhere; word-break:break-word; }
.resource-row small { display:block; max-width:100%; margin-top:4px; color:var(--muted-2); overflow-wrap:anywhere; }
.resource-actions { display:flex; flex:0 0 auto; gap:8px; flex-wrap:wrap; }
.resource-actions button { padding:7px 10px; }
@media (max-width:640px){.resource-row{align-items:flex-start;flex-direction:column}.resource-actions{width:100%}}
.resource-main { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; }
.resource-inline { width: 100%; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--border); }
.resource-password-form label { display: grid; gap: 6px; font-size: .8rem; }
.resource-password-form input { width: 100%; }
.resource-inline-help { margin: 6px 0 0; color: var(--muted); font-size: .75rem; }
.resource-inline-message { margin: 8px 0 0; }
.resource-inline-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 10px; }
.resource-delete-confirm > p:first-child { margin: 0; }
@media (max-width: 640px) { .resource-main { align-items: flex-start; flex-direction: column; } .resource-actions { width: 100%; } }
.resource-row { align-items: stretch; flex-direction: column; }