fix release status and header layout
This commit is contained in:
parent
3cf7f6656d
commit
370fcd6ba5
@ -473,10 +473,10 @@ body.auth-page {
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 3px;
|
gap: 3px;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
padding: 2px;
|
padding: 0;
|
||||||
border: 1px solid color-mix(in oklab, var(--line) 90%, var(--panel-strong));
|
border: 0;
|
||||||
border-radius: 8px;
|
border-radius: 0;
|
||||||
background: color-mix(in oklab, var(--panel-muted) 94%, var(--panel-strong));
|
background: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.app-switch-link {
|
.app-switch-link {
|
||||||
@ -512,11 +512,11 @@ body.auth-page {
|
|||||||
gap: 6px;
|
gap: 6px;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
padding: 3px;
|
padding: 0;
|
||||||
border: 1px solid color-mix(in oklab, var(--line) 90%, var(--panel-strong));
|
border: 0;
|
||||||
border-radius: 10px;
|
border-radius: 0;
|
||||||
background: linear-gradient(180deg, color-mix(in oklab, var(--panel-muted) 94%, var(--panel-strong)) 0%, color-mix(in oklab, var(--panel-strong) 96%, var(--panel-muted)) 100%);
|
background: transparent;
|
||||||
box-shadow: inset 0 1px 0 color-mix(in oklab, var(--panel-strong) 72%, transparent);
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-chip,
|
.nav-chip,
|
||||||
@ -578,11 +578,11 @@ body.auth-page {
|
|||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
gap: 6px;
|
gap: 6px;
|
||||||
padding: 3px;
|
padding: 0;
|
||||||
border: 1px solid color-mix(in oklab, var(--line) 90%, var(--panel-strong));
|
border: 0;
|
||||||
border-radius: 10px;
|
border-radius: 0;
|
||||||
background: linear-gradient(180deg, color-mix(in oklab, var(--panel-muted) 94%, var(--panel-strong)) 0%, color-mix(in oklab, var(--panel-strong) 96%, var(--panel-muted)) 100%);
|
background: transparent;
|
||||||
box-shadow: inset 0 1px 0 color-mix(in oklab, var(--panel-strong) 72%, transparent);
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.topbar-status .badge,
|
.topbar-status .badge,
|
||||||
@ -3383,12 +3383,12 @@ body.auth-page {
|
|||||||
|
|
||||||
.release-log-entry {
|
.release-log-entry {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: minmax(112px, 132px) 72px minmax(0, 1fr);
|
grid-template-columns: minmax(132px, 156px) minmax(132px, 180px) minmax(0, 1fr);
|
||||||
gap: 10px;
|
gap: 12px;
|
||||||
align-items: start;
|
align-items: start;
|
||||||
padding: 8px 10px;
|
padding: 8px 10px;
|
||||||
border: 1px solid var(--line);
|
border: 1px solid var(--line);
|
||||||
border-radius: 10px;
|
border-radius: 8px;
|
||||||
background: var(--panel-strong);
|
background: var(--panel-strong);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -3404,17 +3404,21 @@ body.auth-page {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.release-log-entry span {
|
.release-log-entry span {
|
||||||
|
overflow: hidden;
|
||||||
color: var(--muted);
|
color: var(--muted);
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
|
text-overflow: ellipsis;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
letter-spacing: 0.06em;
|
letter-spacing: 0.06em;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.release-log-entry small {
|
.release-log-entry small {
|
||||||
|
overflow-wrap: anywhere;
|
||||||
color: var(--text);
|
color: var(--text);
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
line-height: 1.45;
|
line-height: 1.45;
|
||||||
word-break: break-word;
|
word-break: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.release-log-entry.tone-bad {
|
.release-log-entry.tone-bad {
|
||||||
|
|||||||
@ -3162,7 +3162,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p v-if="updateOps.error" class="metric-error">{{ explainError(updateOps.error) }}</p>
|
<p v-if="updateOps.error" class="metric-error">{{ explainError(updateOps.error) }}</p>
|
||||||
<p v-else-if="updateOps.message" :class="updateOps.running ? 'warn-text' : updateOps.result && updateOps.result.ok ? 'ok-text' : 'metric-error'">{{ updateOps.message }}</p>
|
<p v-else-if="updateOps.message && !releaseIsRunning()" :class="updateOps.result && updateOps.result.ok ? 'ok-text' : 'metric-error'">{{ updateOps.message }}</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section id="release-targets" class="panel infra-panel">
|
<section id="release-targets" class="panel infra-panel">
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user