administrator/Worldshaper
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add request board admin panel

Browse source
This commit is contained in:
Andraxion 2026-06-27 00:38:21 -04:00
parent ca054581a4
commit 0c07ce073d
3 changed files with 695 additions and 49 deletions
Download patch file Download diff file Expand all files Collapse all files

239
src/index.css
View file

@ -278,6 +278,12 @@ body {
justify-content: flex-start;
}
.launcher-request-toolbar-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.launcher-request-filter {
display: grid;
gap: 4px;
@ -309,6 +315,195 @@ body {
box-shadow: inset 0 0 0 1px rgba(10, 16, 32, 0.14);
}
.launcher-request-admin-panel {
display: grid;
gap: 12px;
padding: 14px;
border: 1px solid #476d9d;
border-radius: 12px;
background:
radial-gradient(circle at top right, rgba(100, 170, 248, 0.18) 0%, transparent 48%),
linear-gradient(180deg, rgba(18, 33, 63, 0.9) 0%, rgba(10, 19, 38, 0.94) 100%);
box-shadow:
0 12px 28px rgba(3, 8, 18, 0.24),
inset 0 0 0 1px rgba(10, 16, 32, 0.14);
}
.launcher-request-admin-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
}
.launcher-request-admin-kicker {
color: #ffd166;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 6px;
}
.launcher-request-admin-title {
margin: 0 0 6px;
color: #eef6ff;
font-size: 18px;
line-height: 1.1;
}
.launcher-request-admin-copy {
margin: 0;
color: #b8cfee;
font-size: 12px;
line-height: 1.5;
max-width: 58ch;
}
.launcher-request-admin-stats {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
}
.launcher-request-admin-stats span {
padding: 4px 8px;
border: 1px solid #365782;
border-radius: 999px;
background: rgba(8, 16, 31, 0.76);
color: #d7e7ff;
font-size: 11px;
line-height: 1;
}
.launcher-request-admin-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.launcher-request-admin-notice {
margin: 0;
color: #a8e6c2;
font-size: 12px;
line-height: 1.5;
}
.launcher-request-admin-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px;
min-height: 0;
}
.launcher-request-admin-card {
display: grid;
grid-template-rows: auto minmax(0, 1fr);
gap: 10px;
min-height: 0;
padding: 12px;
border: 1px solid #365782;
border-radius: 12px;
background: rgba(8, 16, 31, 0.74);
}
.launcher-request-admin-card-head {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 8px;
}
.launcher-request-admin-card-title {
margin: 0;
color: #eef6ff;
font-size: 13px;
font-weight: 800;
}
.launcher-request-admin-card-hint {
color: #9fb8e5;
font-size: 11px;
line-height: 1.4;
}
.launcher-request-admin-request-list,
.launcher-request-admin-log-list {
min-height: 0;
max-height: 320px;
overflow: auto;
display: grid;
gap: 8px;
padding-right: 4px;
}
.launcher-request-admin-request-row,
.launcher-request-admin-log-row {
display: grid;
gap: 8px;
padding: 10px 12px;
border: 1px solid #365782;
border-radius: 10px;
background: rgba(17, 32, 63, 0.82);
}
.launcher-request-admin-request-row {
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
gap: 10px;
}
.launcher-request-admin-request-copy {
min-width: 0;
display: grid;
gap: 5px;
}
.launcher-request-admin-request-title,
.launcher-request-admin-log-title {
color: #eef6ff;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
}
.launcher-request-admin-request-meta {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.launcher-request-admin-request-meta span {
padding: 3px 7px;
border: 1px solid #365782;
border-radius: 999px;
background: rgba(25, 48, 87, 0.72);
color: #d7e7ff;
font-size: 10px;
line-height: 1;
}
.launcher-request-admin-log-head {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 8px;
}
.launcher-request-admin-log-time {
color: #9fb8e5;
font-size: 11px;
white-space: nowrap;
}
.launcher-request-admin-log-detail {
color: #d7e7ff;
font-size: 12px;
line-height: 1.5;
white-space: pre-wrap;
}
.launcher-request-composer-label {
color: #d7e7ff;
font-size: 12px;
@ -408,6 +603,31 @@ body {
color: #ffe7a9;
}
.launcher-request-status-pill.is-queued,
.launcher-request-status-pill.is-processing {
border-color: #7d6d3b;
background: rgba(80, 62, 18, 0.82);
color: #ffe7a9;
}
.launcher-request-status-pill.is-needs-review {
border-color: #b96a32;
background: rgba(101, 42, 13, 0.84);
color: #ffd5b0;
}
.launcher-request-status-pill.is-error {
border-color: #9b4053;
background: rgba(87, 24, 36, 0.82);
color: #ffd4dc;
}
.launcher-request-status-pill.is-processed {
border-color: #466e99;
background: rgba(26, 53, 87, 0.82);
color: #d5e8ff;
}
.launcher-request-entry-title-block {
min-width: 0;
display: grid;
@ -1692,7 +1912,9 @@ button.danger:not(:disabled):hover {
}
.launcher-board-tabs,
.launcher-request-composer-actions {
.launcher-request-composer-actions,
.launcher-request-admin-actions,
.launcher-request-toolbar-buttons {
flex-direction: column;
}
@ -1700,6 +1922,21 @@ button.danger:not(:disabled):hover {
grid-template-columns: 1fr;
}
.launcher-request-admin-head,
.launcher-request-admin-card-head,
.launcher-request-admin-log-head {
grid-template-columns: 1fr;
display: grid;
}
.launcher-request-admin-grid {
grid-template-columns: 1fr;
}
.launcher-request-admin-request-row {
grid-template-columns: 1fr;
}
.launcher-request-filter {
min-width: 0;
}