Versie 0.3.3
This commit is contained in:
Atreides Assets committed
1 parent
1cf6eeed29
commit
6e741a51fe
57 files changed
+1362
-2135
No files matched your search
+59
-38
@@ -1,4 +1,4 @@
|
||||
/* Generated, do not edit. sha256:d875d85b0d41e419eb6bae7090608b0914629b07925648a2d82dc7a8e8eb4309 */
|
||||
/* Generated, do not edit. sha256:3a6f73b7505bd7ec634402e61c222e218812ab7432c634bed61f9c0331123db5 */
|
||||
:root {
|
||||
--logo-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cpath d='M 46.108 37.099 L 79.826 68.032 L 113.068 37.288 L 142.067 37.244 L 92.564 85.773 L 92.367 123.544 L 80.04 135.851 L 67.262 123.517 L 67.425 85.773 L 17.176 37.092 L 46.108 37.099 Z'/%3E%3Cpath d='M 49.901 91.273 L 0 43.722 L 0 24.666 L 64.78 87.731 L 64.689 118.25 L 50.234 105.711 L 49.901 91.273 Z'/%3E%3Cpath d='M 95.221 87.779 L 160 24.149 L 160 43.383 L 109.554 93.918 L 109.584 105.756 L 94.924 118.584 L 95.221 87.779 Z'/%3E%3C/svg%3E");
|
||||
--radius-sm: 8px;
|
||||
@@ -1220,8 +1220,8 @@ tbody tr[data-row-id]:hover .exp-cell .chev-btn { color:var(--accent); }
|
||||
.ip-due-row > .ip-num { min-width:5.5rem; }
|
||||
.ip-due-btns { display:flex; gap:0.4rem; }
|
||||
|
||||
.table-wrap.sticky-sel tbody tr.row-selected > td { position:sticky; top:var(--sticky-row-top, 2.7rem); z-index:2; background:color-mix(in srgb, var(--accent) 20%, var(--bg-elevated)); }
|
||||
.table-wrap.sticky-sel tbody tr.row-selected:hover > td { background:color-mix(in srgb, var(--accent) 30%, var(--bg-elevated)); }
|
||||
.table-wrap.sticky-sel > table > tbody > tr.row-selected > td { position:sticky; top:var(--sticky-row-top, 2.7rem); z-index:2; background:color-mix(in srgb, var(--accent) 20%, var(--bg-elevated)); }
|
||||
.table-wrap.sticky-sel > table > tbody > tr.row-selected:hover > td { background:color-mix(in srgb, var(--accent) 30%, var(--bg-elevated)); }
|
||||
|
||||
.cmd-bar {
|
||||
position:fixed; left:50%; bottom:1.8rem; transform:translateX(-50%); z-index:60;
|
||||
@@ -1365,6 +1365,37 @@ button.wealth-year-chip:hover { background:var(--accent-mid); }
|
||||
}
|
||||
.pf-blok + .pf-blok { margin-top:1.4rem; padding-top:1.4rem; border-top:1px solid var(--border); }
|
||||
.pf-blok:first-of-type { margin-top:1rem; }
|
||||
.pf-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(24rem, 100%), 1fr)); grid-auto-rows:1fr; gap:1.5rem; }
|
||||
.pf-grid-archive { grid-auto-rows:auto; align-items:start; margin-top:1.5rem; }
|
||||
.pf-grid.is-stacked { grid-template-columns:minmax(0, 1fr); max-width:46rem; }
|
||||
.pf-card { display:flex; flex-direction:column; }
|
||||
.pf-card.is-open { border-color:var(--accent); }
|
||||
.pf-head { display:flex; align-items:center; gap:0.7rem; flex-wrap:wrap; }
|
||||
.pf-head-end { margin-left:auto; }
|
||||
.pf-name { font-size:1.9rem; font-weight:700; letter-spacing:-0.025em; line-height:1.15; }
|
||||
.pf-sub { margin-top:0.3rem; min-height:1.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
||||
.pf-facts { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0.6rem; margin:1.3rem 0 0; }
|
||||
.pf-fact { min-width:0; padding:0.65rem 0.85rem; border-radius:var(--radius-sm); background:var(--surface-tint); }
|
||||
.pf-fact:empty { background:transparent; }
|
||||
.pf-fact > * { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
||||
.pf-fact dt { font-size:0.78rem; color:var(--text-ter); }
|
||||
.pf-fact dd { margin:0.15rem 0 0; font-variant-numeric:tabular-nums; }
|
||||
.pf-fact.is-late dd { color:var(--sig-yellow); }
|
||||
.pf-kinds { list-style:none; margin:0.45rem 0 0; padding:0; min-height:calc(var(--pf-lines, 1) * 1.45em); font-size:0.8rem; color:var(--text-ter); white-space:normal; }
|
||||
.pf-kinds li { display:flex; justify-content:space-between; gap:0.8rem; line-height:1.45; }
|
||||
.pf-kinds li > span:last-child { font-variant-numeric:tabular-nums; color:var(--text-sec); }
|
||||
.pf-actions { display:flex; align-items:center; gap:0.5rem; margin-top:auto; padding-top:1.4rem; }
|
||||
.pf-actions:empty { display:none; }
|
||||
.pf-more { margin-left:auto; min-width:2.2rem; letter-spacing:0.08em; }
|
||||
.pf-archive { display:block; }
|
||||
.dialog--wide.pf-settings-dialog { max-width:min(36rem, 100%); }
|
||||
.pf-archive > summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:0.6rem; }
|
||||
.pf-archive > summary::-webkit-details-marker { display:none; }
|
||||
.pf-archive[open] > summary .chev-btn { transform:rotate(180deg); }
|
||||
.pf-archive-list { display:flex; flex-direction:column; gap:0.9rem; margin-top:1.2rem; }
|
||||
.pf-new { display:flex; align-items:center; justify-content:center; gap:0.5rem; min-height:12rem; padding:1.6rem; border:1.5px dashed var(--border-mid); border-radius:var(--radius-lg); color:var(--text-ter); }
|
||||
.pf-new-btn { width:4rem; height:4rem; border-radius:var(--radius-lg); }
|
||||
.pf-new-btn svg { width:28px; height:28px; }
|
||||
|
||||
.wealth-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(22rem, 100%), 1fr)); gap:1.2rem; align-items:stretch; }
|
||||
.gap-list { max-height:16rem; overflow-y:auto; margin-top:0.4rem; }
|
||||
@@ -1471,6 +1502,7 @@ textarea.notes-body { flex:1 1 auto; min-height:8rem; resize:none; line-height:1
|
||||
.return-w-amount { margin:0.4rem 0 0.1rem; color:var(--text-sec); }
|
||||
.return-w-pct { font-size:0.85rem; font-variant-numeric:tabular-nums; }
|
||||
.return-view--widget { margin-top:0.6rem; }
|
||||
.return-view--widget .return-plot > .t-muted-cell { display:grid; place-items:center; height:100%; padding:0 var(--padding-x); text-align:center; }
|
||||
.return-view--widget .return-plot { height:8rem; margin:0 calc(-1 * var(--padding-x)) calc(-1 * var(--padding));
|
||||
overflow:hidden; border-radius:0 0 var(--radius) var(--radius); }
|
||||
.wealth-detail .return-plot { height:min(12rem, 22vh); }
|
||||
@@ -1526,6 +1558,8 @@ html:not(:has(.page-layout > .page-aside)) .hint-panel {
|
||||
width:min(44rem, calc(100vw - var(--hint-line-x) - 2.8rem));
|
||||
}
|
||||
.hint:hover .hint-panel, .hint-btn:focus-visible + .hint-panel { opacity:1; visibility:visible; transform:translateY(0); }
|
||||
.hint.is-open .hint-panel { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
|
||||
.hint.is-open .hint-btn { opacity:1; color:var(--accent-text); }
|
||||
@media (min-width:769px) {
|
||||
#page-hint .hint-panel.is-wide {
|
||||
right:auto; left:calc(var(--hint-line-x) + 1.4rem);
|
||||
@@ -1721,11 +1755,13 @@ tbody tr:hover .copy-btn, .mv-row:hover .copy-btn, .card-flat:hover .copy-btn {
|
||||
.flex { display:flex; align-items:center; } .flex-between { display:flex; align-items:center; justify-content:space-between; }
|
||||
.hidden { display:none !important; }
|
||||
|
||||
.price-hero { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; margin-bottom:1.2rem; }
|
||||
.conv-card { container-type:inline-size; display:flex; flex-direction:column; gap:1.2rem; }
|
||||
.price-label { margin-bottom:0.35rem; display:flex; align-items:center; gap:0.5rem; }
|
||||
.price-val { font-size:2.1rem; letter-spacing:-0.03em; line-height:1.1; }
|
||||
.price-meta { font-size:0.72rem; color:var(--text-ter); margin-top:0.35rem; }
|
||||
.conv-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:0.9rem; }
|
||||
.conv-grid { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:0.9rem; }
|
||||
@container (max-width:980px) { .conv-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
|
||||
@container (max-width:480px) { .conv-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
|
||||
.field { display:flex; flex-direction:column; gap:0.6rem; background:var(--bg-elevated); border:1px solid var(--border); --radius:var(--radius-lg); --padding:1.1rem; border-radius:var(--radius); padding:1.1rem 1.2rem; transition:border-color 0.15s, background 0.25s; }
|
||||
.field:focus-within { border-color:var(--accent); }
|
||||
.field-head { display:flex; align-items:center; justify-content:space-between; gap:0.5rem; }
|
||||
@@ -1734,15 +1770,7 @@ tbody tr:hover .copy-btn, .mv-row:hover .copy-btn, .card-flat:hover .copy-btn {
|
||||
.field-input::placeholder { color:var(--text-ter); font-weight:400; }
|
||||
.field-input:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
|
||||
.field-hint { font-size:0.7rem; color:var(--text-sec); font-variant-numeric:tabular-nums; }
|
||||
.info { background:var(--bg-elevated); border:1px solid var(--border); border-radius:var(--radius-lg); padding:1.3rem 1.4rem; margin-top:1.2rem; }
|
||||
.info-title { margin-bottom:0.8rem; }
|
||||
.info-body { font-size:0.82rem; color:var(--text-sec); line-height:1.8; font-variant-numeric:tabular-nums; }
|
||||
.info-body strong { color:var(--text-primary); font-weight:600; }
|
||||
.info-note { margin-top:0.7rem; font-size:0.8rem; color:var(--text-sec); }
|
||||
.conv-footer { margin-top:1.5rem; text-align:center; font-size:0.72rem; color:var(--text-ter); }
|
||||
@media (max-width:560px) {
|
||||
.price-hero { flex-direction:column; align-items:stretch; }
|
||||
.conv-grid { grid-template-columns:1fr; }
|
||||
.price-val { font-size:1.8rem; }
|
||||
}
|
||||
|
||||
@@ -1759,11 +1787,7 @@ tbody tr:hover .copy-btn, .mv-row:hover .copy-btn, .card-flat:hover .copy-btn {
|
||||
.lic-head { display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin-bottom:1.2rem; }
|
||||
.lic-card p { margin:0 0 0.8rem; overflow-wrap:break-word; }
|
||||
|
||||
.lic-drop { display:grid; gap:0.2rem; place-items:center; padding:1.6rem; border:1px dashed var(--border-mid); border-radius:var(--radius-md); cursor:pointer; transition:border-color 0.15s, background 0.15s; }
|
||||
.lic-drop:hover, .lic-drop:focus-visible { border-color:var(--accent); }
|
||||
.lic-drop.is-over { border-color:var(--accent); background:var(--accent-soft); }
|
||||
|
||||
.lic-layout { display:grid; gap:1.5rem; align-items:start; grid-template-columns:minmax(20rem, 28rem) minmax(0, 1fr); }
|
||||
.lic-layout { display:grid; gap:1.5rem; align-items:start; grid-template-columns:minmax(0, 1fr) minmax(17rem, 24rem); }
|
||||
.lic-side, .lic-main { display:flex; flex-direction:column; gap:1.5rem; min-width:0; }
|
||||
|
||||
.lic-hero { display:flex; flex-direction:column; align-items:center; gap:1rem; margin-bottom:1.6rem; }
|
||||
@@ -1771,7 +1795,8 @@ tbody tr:hover .copy-btn, .mv-row:hover .copy-btn, .card-flat:hover .copy-btn {
|
||||
.lic-feat-row { display:grid; grid-template-columns:minmax(0, 1fr) 5rem 5rem; align-items:center; justify-items:center;
|
||||
padding:0.4rem 0.5rem; border-radius:var(--radius-sm); cursor:default; }
|
||||
.lic-feat-row > :first-child { justify-self:start; }
|
||||
.lic-feat-row[data-feature]:hover, .lic-feat-row[data-feature]:focus-visible, .lic-feat-row.is-on { background:var(--neutral-bg); outline:none; }
|
||||
.lic-feat-row[data-feature]:focus-visible, .lic-feat-row.is-on { background:var(--neutral-bg); outline:none; }
|
||||
.lic-feat-row :is(.lic-feat-yes, .lic-feat-no, .lic-feat-part, .lic-feat-open) { cursor:help; }
|
||||
.lic-feat-cols { font-weight:500; color:var(--text-sec); font-size:0.8rem; padding-top:0; }
|
||||
.lic-group + .lic-group { border-top:1px solid var(--border); }
|
||||
.lic-group > summary { list-style:none; cursor:pointer; padding:0.7rem 0.5rem; font-size:1.05rem; font-weight:500; }
|
||||
@@ -1784,26 +1809,22 @@ tbody tr:hover .copy-btn, .mv-row:hover .copy-btn, .card-flat:hover .copy-btn {
|
||||
.lic-feat-yes svg { width:1.4rem; height:1.4rem; }
|
||||
.lic-feat-sub .lic-feat-yes svg { width:1.1rem; height:1.1rem; }
|
||||
.lic-feat-no, .lic-feat-open { color:var(--text-sec); font-size:1.2rem; line-height:1; }
|
||||
.lic-feat-part { color:var(--text-sec); font-size:0.8rem; font-weight:400; }
|
||||
.lic-feat-part { color:var(--text-ter); display:inline-flex; }
|
||||
.lic-feat-part svg { width:1.4rem; height:1.4rem; }
|
||||
.lic-feat-shot[hidden] { display:none; }
|
||||
.lic-feat-shot { position:fixed; z-index:1000; width:min(34rem, calc(100vw - 1rem)); aspect-ratio:16 / 10; display:grid; place-items:center;
|
||||
padding:0.6rem; text-align:center; overflow:hidden; pointer-events:none;
|
||||
background:var(--bg-raised); border:1px solid var(--border-mid); border-radius:var(--radius-md); box-shadow:0 12px 40px rgba(0,0,0,0.35); }
|
||||
.lic-feat-img { max-width:100%; max-height:100%; object-fit:contain; border-radius:var(--radius-sm); }.lic-section { border-top:1px solid var(--border); margin-top:1.2rem; padding-top:1.2rem; }
|
||||
.lic-card .lic-drop { padding:0.8rem; margin-bottom:0.6rem; }
|
||||
.lic-apps { margin:0.2rem 0 0.8rem; }
|
||||
.lic-apps .t-caption { margin-bottom:0.3rem; }
|
||||
.lic-card .lic-apps p { margin:0 0 0.4rem; }
|
||||
.lic-more summary { cursor:pointer; color:var(--text-sec); margin-top:0.4rem; }
|
||||
.lic-more[open] summary { margin-bottom:0.8rem; }
|
||||
.lic-section[hidden] { display:none; }
|
||||
.lic-card .lic-status { margin-top:0.9rem; }
|
||||
.lic-attach { margin-left:auto; display:inline-flex; align-items:center; }
|
||||
|
||||
.lic-chat-card { position:sticky; top:0; display:flex; flex-direction:column; height:calc(100vh - 11rem); min-height:30rem; }
|
||||
.lic-chat-card { display:flex; flex-direction:column; }
|
||||
.lic-chat-card[hidden] { display:none; }
|
||||
.lic-chat { flex:1; display:flex; flex-direction:column; gap:0.8rem; min-height:8rem; overflow-y:auto; padding:0.25rem 0.25rem 0.5rem; margin-bottom:1rem; }
|
||||
@media (max-width:1100px) {
|
||||
.lic-chat { display:flex; flex-direction:column; gap:0.8rem; min-height:6rem; max-height:20rem; overflow-y:auto; padding:0.25rem 0.25rem 0.5rem; margin-bottom:1rem; }
|
||||
@media (max-width:820px) {
|
||||
.lic-layout { grid-template-columns:minmax(0, 1fr); }
|
||||
.lic-chat-card { position:static; height:auto; }
|
||||
.lic-chat { flex:none; max-height:28rem; }
|
||||
}
|
||||
.lic-msg { display:flex; flex-direction:column; gap:0.2rem; max-width:75%; }
|
||||
.lic-msg.is-mine { align-self:flex-end; align-items:flex-end; }
|
||||
@@ -2261,7 +2282,7 @@ td:hover .po-btn, .po-host:hover .po-btn { color:var(--accent-text); }
|
||||
.table-wrap tr.row-editing td[data-label] .input,
|
||||
.table-wrap tr.row-editing td[data-label] .conv-field { width:100%; }
|
||||
|
||||
.table-wrap.sticky-sel tbody tr.row-selected > td { position:static; }
|
||||
.table-wrap.sticky-sel > table > tbody > tr.row-selected > td { position:static; }
|
||||
}
|
||||
|
||||
.health-start { display:flex; align-items:center; gap:0.8rem; flex-wrap:wrap; margin-bottom:0.6rem; }
|
||||
@@ -2388,22 +2409,22 @@ td:hover .po-btn, .po-host:hover .po-btn { color:var(--accent-text); }
|
||||
:root[data-profile="glass"][data-rowsel="pill"] .table-wrap.sticky-sel {
|
||||
--sel-fill:color-mix(in srgb, var(--accent) 8%, transparent); --sel-fill-hover:color-mix(in srgb, var(--accent) 13%, transparent);
|
||||
}
|
||||
:root[data-profile="glass"] .table-wrap.sticky-sel tbody tr.row-selected { background:none; }
|
||||
:root[data-profile="glass"] .table-wrap.sticky-sel tbody tr.row-selected > td {
|
||||
:root[data-profile="glass"] .table-wrap.sticky-sel > table > tbody > tr.row-selected { background:none; }
|
||||
:root[data-profile="glass"] .table-wrap.sticky-sel > table > tbody > tr.row-selected > td {
|
||||
background:linear-gradient(var(--sel-fill), var(--sel-fill));
|
||||
backdrop-filter:blur(var(--float-blur)); -webkit-backdrop-filter:blur(var(--float-blur));
|
||||
}
|
||||
:root[data-profile="glass"] .table-wrap.sticky-sel tbody tr.row-selected:hover > td {
|
||||
:root[data-profile="glass"] .table-wrap.sticky-sel > table > tbody > tr.row-selected:hover > td {
|
||||
background:linear-gradient(var(--sel-fill-hover), var(--sel-fill-hover));
|
||||
}
|
||||
:root[data-profile="glass"]:not([data-rowsel="tint"], [data-rowsel="pill"]) .table-wrap.sticky-sel tbody tr.row-selected > td {
|
||||
:root[data-profile="glass"]:not([data-rowsel="tint"], [data-rowsel="pill"]) .table-wrap.sticky-sel > table > tbody > tr.row-selected > td {
|
||||
background-image:linear-gradient(192deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--accent) 5%, transparent) 45%, transparent 85%);
|
||||
background-size:var(--row-w, 100%) 100%;
|
||||
background-position:calc(-1 * var(--cell-x, 0px)) 0;
|
||||
background-repeat:no-repeat;
|
||||
transition:background-color 0.25s;
|
||||
}
|
||||
:root[data-profile="glass"]:not([data-rowsel="tint"], [data-rowsel="pill"]) .table-wrap.sticky-sel tbody tr.row-selected:hover > td {
|
||||
:root[data-profile="glass"]:not([data-rowsel="tint"], [data-rowsel="pill"]) .table-wrap.sticky-sel > table > tbody > tr.row-selected:hover > td {
|
||||
background-image:linear-gradient(var(--row-hover), var(--row-hover)), linear-gradient(192deg, color-mix(in srgb, var(--accent) 20%, transparent), color-mix(in srgb, var(--accent) 5%, transparent) 45%, transparent 85%);
|
||||
background-size:100% 100%, var(--row-w, 100%) 100%;
|
||||
background-position:0 0, calc(-1 * var(--cell-x, 0px)) 0;
|
||||
@@ -2572,7 +2593,7 @@ td:hover .po-btn, .po-host:hover .po-btn { color:var(--accent-text); }
|
||||
}
|
||||
:root[data-profile="glass"] .dialog::before { background:var(--bg-elevated); backdrop-filter:none; -webkit-backdrop-filter:none; }
|
||||
:root[data-profile="glass"] .table-wrap { --head-fill:var(--bg-elevated); }
|
||||
:root[data-profile="glass"] .table-wrap.sticky-sel tbody tr.row-selected > td {
|
||||
:root[data-profile="glass"] .table-wrap.sticky-sel > table > tbody > tr.row-selected > td {
|
||||
background:color-mix(in srgb, var(--accent) 20%, var(--bg-elevated)); backdrop-filter:none; -webkit-backdrop-filter:none;
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user