Release 0.5.1
This commit is contained in:
hnzio committed
1 parent
5a9d7735d4
commit
fb24d171ae
36 files changed
+5099
-263
No files matched your search
+475
-7
@@ -1345,6 +1345,111 @@ a {
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.output-link-card {
|
||||
grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
|
||||
align-items: center;
|
||||
gap: clamp(2rem, 5vw, 6rem);
|
||||
}
|
||||
|
||||
.output-link-image {
|
||||
display: grid;
|
||||
min-height: 20rem;
|
||||
place-items: center;
|
||||
border-radius: 1.4rem;
|
||||
background: rgb(255 255 255 / 5%);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.output-link-image img {
|
||||
width: 100%;
|
||||
max-height: 68vh;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.output-link-copy h1,
|
||||
.output-video h1 {
|
||||
max-width: 24ch;
|
||||
font-size: clamp(2rem, 4.5vw, 5rem);
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.output-link-copy > p:not(.output-kicker) {
|
||||
max-width: 38ch;
|
||||
color: rgb(255 247 232 / 78%);
|
||||
font-size: clamp(1.1rem, 2vw, 1.65rem);
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.output-link-copy a,
|
||||
.output-fallback a,
|
||||
.output-video-source a {
|
||||
display: inline-flex;
|
||||
margin-top: 1rem;
|
||||
color: #e7b957;
|
||||
font-weight: 740;
|
||||
}
|
||||
|
||||
.output-video {
|
||||
grid-template-rows: auto minmax(0, 1fr) auto;
|
||||
align-content: stretch;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.output-video header {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.output-video header h1 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.output-player {
|
||||
display: grid;
|
||||
min-height: 0;
|
||||
place-items: center;
|
||||
}
|
||||
|
||||
.output-player iframe {
|
||||
width: min(100%, calc((100vh - 13rem) * 16 / 9));
|
||||
aspect-ratio: 16 / 9;
|
||||
border: 0;
|
||||
border-radius: 1rem;
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.output-video.portrait .output-player iframe {
|
||||
width: min(100%, calc((100vh - 13rem) * 9 / 16));
|
||||
aspect-ratio: 9 / 16;
|
||||
}
|
||||
|
||||
.output-fallback {
|
||||
display: grid;
|
||||
min-height: min(55vh, 32rem);
|
||||
place-content: center;
|
||||
padding: 2rem;
|
||||
border: 1px solid rgb(255 255 255 / 14%);
|
||||
border-radius: 1.2rem;
|
||||
background: rgb(255 255 255 / 5%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.presentation-test-status {
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
padding: 0.45rem 0.7rem;
|
||||
border: 1px solid rgb(255 255 255 / 16%);
|
||||
border-radius: 2rem;
|
||||
background: rgb(11 18 32 / 82%);
|
||||
color: #67dde8;
|
||||
font-size: 0.7rem;
|
||||
font-weight: 750;
|
||||
}
|
||||
|
||||
.output-idle {
|
||||
display: grid;
|
||||
min-height: calc(100vh - clamp(4rem, 12vw, 12rem));
|
||||
@@ -1368,6 +1473,40 @@ a {
|
||||
font-size: clamp(0.9rem, 1.8vw, 1.3rem);
|
||||
}
|
||||
|
||||
@media (max-width: 52rem) {
|
||||
.heinzlive-output {
|
||||
padding: 1.2rem;
|
||||
}
|
||||
|
||||
.output-link-card {
|
||||
grid-template-columns: 1fr;
|
||||
align-content: center;
|
||||
gap: 1.25rem;
|
||||
}
|
||||
|
||||
.output-link-image {
|
||||
min-height: 12rem;
|
||||
}
|
||||
|
||||
.output-link-image img {
|
||||
max-height: 40vh;
|
||||
}
|
||||
|
||||
.output-video {
|
||||
min-height: calc(100dvh - 2.4rem);
|
||||
}
|
||||
|
||||
.output-video header {
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.output-player iframe {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.quiet-panel {
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-large);
|
||||
@@ -1853,6 +1992,77 @@ a {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.filter-checkbox {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.45rem;
|
||||
min-height: 2rem;
|
||||
margin: -0.35rem 0 0.75rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.7rem;
|
||||
font-weight: 680;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.filter-checkbox input {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin: 0;
|
||||
accent-color: var(--accent);
|
||||
}
|
||||
|
||||
.library-filter-options {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.15rem 1rem;
|
||||
margin: -0.35rem 0 0.75rem;
|
||||
}
|
||||
|
||||
.library-filter-options .filter-checkbox {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.piece-usage-history {
|
||||
margin-top: 0.35rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
|
||||
.piece-usage-history p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.piece-usage-history a {
|
||||
color: var(--accent);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.piece-usage-history p span {
|
||||
margin-left: 0.3rem;
|
||||
color: var(--text-faint);
|
||||
}
|
||||
|
||||
.piece-usage-history details {
|
||||
margin-top: 0.25rem;
|
||||
}
|
||||
|
||||
.piece-usage-history summary {
|
||||
width: fit-content;
|
||||
cursor: pointer;
|
||||
font-weight: 680;
|
||||
}
|
||||
|
||||
.piece-usage-history ul {
|
||||
display: grid;
|
||||
gap: 0.2rem;
|
||||
margin: 0.3rem 0 0;
|
||||
padding-left: 1rem;
|
||||
}
|
||||
|
||||
.piece-usage-history li a {
|
||||
margin-left: 0.35rem;
|
||||
}
|
||||
|
||||
.text-link {
|
||||
color: var(--accent);
|
||||
font-size: 0.72rem;
|
||||
@@ -2081,6 +2291,71 @@ a {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.presentation-mode-picker {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.45rem;
|
||||
margin-bottom: 0.85rem;
|
||||
}
|
||||
|
||||
.presentation-mode-picker label {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.4rem;
|
||||
padding: 0.55rem 0.75rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 2rem;
|
||||
background: var(--panel-soft);
|
||||
font-size: 0.74rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.presentation-settings {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 0.65rem;
|
||||
margin-top: 0.8rem;
|
||||
}
|
||||
|
||||
.presentation-settings > label,
|
||||
.presentation-text-field {
|
||||
display: grid;
|
||||
gap: 0.35rem;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.7rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.presentation-preview-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.presentation-preview-actions small,
|
||||
.presentation-source-summary small {
|
||||
color: var(--text-faint);
|
||||
font-size: 0.66rem;
|
||||
}
|
||||
|
||||
.presentation-source-summary {
|
||||
display: grid;
|
||||
gap: 0.2rem;
|
||||
padding: 0.7rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-small);
|
||||
background: var(--panel-soft);
|
||||
}
|
||||
|
||||
.presentation-source-summary span {
|
||||
color: var(--text-muted);
|
||||
font-size: 0.68rem;
|
||||
}
|
||||
|
||||
.presentation-source-summary small {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
.editor-fields label,
|
||||
.markdown-grid > label,
|
||||
.source-row label {
|
||||
@@ -2466,7 +2741,8 @@ a {
|
||||
}
|
||||
|
||||
.copy-field button,
|
||||
.row-actions button {
|
||||
.row-actions > button,
|
||||
.row-actions > form > button {
|
||||
min-width: 2.35rem;
|
||||
min-height: 2.35rem;
|
||||
border: 1px solid var(--line);
|
||||
@@ -2476,7 +2752,156 @@ a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.row-actions button:disabled {
|
||||
.usage-edit-button {
|
||||
display: grid;
|
||||
width: 1.8rem;
|
||||
height: 1.8rem;
|
||||
place-items: center;
|
||||
padding: 0;
|
||||
border: 1px solid var(--line-strong);
|
||||
border-radius: 0.6rem;
|
||||
background: var(--panel-soft);
|
||||
color: var(--text-muted);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.usage-edit-button:hover {
|
||||
border-color: var(--accent);
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.usage-editor-dialog {
|
||||
width: min(60rem, calc(100vw - 2rem));
|
||||
max-width: none;
|
||||
max-height: min(52rem, calc(100dvh - 2rem));
|
||||
padding: 0;
|
||||
border: 1px solid var(--line-strong);
|
||||
border-radius: var(--radius-large);
|
||||
background: var(--bg-elevated);
|
||||
box-shadow: var(--shadow-large);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.usage-editor-dialog::backdrop {
|
||||
background: color-mix(in srgb, #07110e 62%, transparent);
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
||||
.usage-editor-dialog > header {
|
||||
display: flex;
|
||||
position: sticky;
|
||||
z-index: 2;
|
||||
top: 0;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
padding: 1rem 1.1rem;
|
||||
border-bottom: 1px solid var(--line);
|
||||
background: color-mix(in srgb, var(--bg-elevated) 94%, transparent);
|
||||
backdrop-filter: blur(16px);
|
||||
}
|
||||
|
||||
.usage-editor-dialog h2,
|
||||
.usage-editor-dialog h3 {
|
||||
margin: 0.12rem 0 0;
|
||||
}
|
||||
|
||||
.usage-editor-dialog h2 {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.usage-editor-dialog h3 {
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
.dialog-close {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
padding: 0;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: 50%;
|
||||
background: var(--panel-soft);
|
||||
color: var(--text-muted);
|
||||
font-size: 1.25rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.usage-dialog-scroll {
|
||||
display: grid;
|
||||
gap: 0.8rem;
|
||||
max-height: calc(100dvh - 7rem);
|
||||
padding: 0.9rem;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.usage-dialog-message {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.usage-dialog-editor {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.35fr);
|
||||
align-items: stretch;
|
||||
gap: 0.8rem;
|
||||
}
|
||||
|
||||
.usage-dialog-editor > .primary-button {
|
||||
grid-column: 1 / -1;
|
||||
justify-self: end;
|
||||
}
|
||||
|
||||
.usage-dialog-editor input,
|
||||
.usage-dialog-editor textarea,
|
||||
.usage-dialog-actions select {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
padding: 0.6rem 0.7rem;
|
||||
border: 1px solid var(--line-strong);
|
||||
border-radius: 0.7rem;
|
||||
background: var(--panel-strong);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.usage-dialog-actions {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(14rem, 1fr) auto minmax(13rem, auto) auto;
|
||||
align-items: end;
|
||||
gap: 0.65rem;
|
||||
padding: 0.85rem;
|
||||
border: 1px solid var(--line);
|
||||
border-radius: var(--radius-medium);
|
||||
background: var(--panel-soft);
|
||||
}
|
||||
|
||||
.usage-dialog-actions > div {
|
||||
display: grid;
|
||||
gap: 0.3rem;
|
||||
}
|
||||
|
||||
.usage-dialog-actions small {
|
||||
color: var(--text-faint);
|
||||
font-size: 0.62rem;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.usage-dialog-actions form,
|
||||
.usage-dialog-actions label {
|
||||
display: flex;
|
||||
align-items: end;
|
||||
gap: 0.4rem;
|
||||
}
|
||||
|
||||
.usage-dialog-actions label {
|
||||
min-width: 9rem;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
color: var(--text-muted);
|
||||
font-size: 0.68rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.row-actions > button:disabled,
|
||||
.row-actions > form > button:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.35;
|
||||
}
|
||||
@@ -2500,6 +2925,17 @@ a {
|
||||
margin-bottom: 0.45rem;
|
||||
}
|
||||
|
||||
.builder-filter-options {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.15rem 0.8rem;
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
|
||||
.builder-filter-options .filter-checkbox {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.builder-source-list {
|
||||
display: grid;
|
||||
border-top: 1px solid var(--line);
|
||||
@@ -2534,6 +2970,17 @@ a {
|
||||
font-size: 0.67rem;
|
||||
}
|
||||
|
||||
.planned-label {
|
||||
display: inline-block;
|
||||
margin-top: 0.35rem;
|
||||
padding: 0.16rem 0.4rem;
|
||||
border-radius: 999px;
|
||||
background: var(--accent-soft);
|
||||
color: var(--accent);
|
||||
font-size: 0.61rem;
|
||||
font-weight: 760;
|
||||
}
|
||||
|
||||
.builder-source-card h3 {
|
||||
margin: 0.4rem 0 0.12rem;
|
||||
font-size: 0.86rem;
|
||||
@@ -2674,11 +3121,12 @@ a {
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.row-actions form {
|
||||
.row-actions > form {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.row-actions button {
|
||||
.row-actions > button,
|
||||
.row-actions > form > button {
|
||||
min-width: 1.8rem;
|
||||
min-height: 1.8rem;
|
||||
padding: 0;
|
||||
@@ -2780,7 +3228,7 @@ a {
|
||||
|
||||
.reserve-usage {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(12rem, auto) auto;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(12rem, auto) auto auto;
|
||||
align-items: end;
|
||||
gap: 0.5rem;
|
||||
margin-top: 0.55rem;
|
||||
@@ -2797,7 +3245,7 @@ a {
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
|
||||
.reserve-usage form {
|
||||
.reserve-usage > form {
|
||||
display: flex;
|
||||
align-items: end;
|
||||
gap: 0.35rem;
|
||||
@@ -2952,6 +3400,8 @@ a {
|
||||
.show-create-form,
|
||||
.show-settings-form,
|
||||
.usage-edit-form,
|
||||
.usage-dialog-editor,
|
||||
.presentation-settings,
|
||||
.builder-filter {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
@@ -2990,6 +3440,23 @@ a {
|
||||
flex-direction: column;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
.usage-editor-dialog {
|
||||
width: calc(100vw - 1rem);
|
||||
max-height: calc(100dvh - 1rem);
|
||||
border-radius: var(--radius-medium);
|
||||
}
|
||||
.usage-dialog-scroll {
|
||||
max-height: calc(100dvh - 5.5rem);
|
||||
padding: 0.65rem;
|
||||
}
|
||||
.usage-dialog-actions {
|
||||
grid-template-columns: 1fr;
|
||||
align-items: stretch;
|
||||
}
|
||||
.usage-dialog-actions form,
|
||||
.usage-dialog-actions button {
|
||||
width: 100%;
|
||||
}
|
||||
.library-toolbar {
|
||||
align-items: stretch;
|
||||
flex-direction: column;
|
||||
@@ -3103,7 +3570,8 @@ a {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.copy-field button,
|
||||
.reserve-usage button {
|
||||
.reserve-usage > button,
|
||||
.reserve-usage > form > button {
|
||||
width: 100%;
|
||||
}
|
||||
.editable-run-section > .row-actions {
|
||||
|
||||
Reference in new issue
Block a user