Compare commits

..

No commits in common. "18efb605f559d1e809a22e2cb433ff9f89d0d7c0" and "496df474b898c1a27d22201d65642580b4db038b" have entirely different histories.

2 changed files with 443 additions and 1238 deletions

File diff suppressed because it is too large Load diff

View file

@ -108,35 +108,16 @@ body {
.launcher-hero-stack { .launcher-hero-stack {
display: grid; display: grid;
justify-items: center; justify-items: center;
gap: 14px; gap: 16px;
padding: 22px 28px 18px;
position: relative;
isolation: isolate;
}
.launcher-hero-stack::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
border: 1px solid rgba(79, 121, 175, 0.7);
border-radius: 42px;
background:
radial-gradient(circle at top center, rgba(109, 169, 245, 0.22) 0%, rgba(109, 169, 245, 0) 52%),
linear-gradient(180deg, rgba(16, 28, 50, 0.82) 0%, rgba(9, 17, 31, 0.9) 100%);
box-shadow:
0 18px 34px rgba(3, 8, 18, 0.32),
inset 0 0 0 1px rgba(180, 214, 255, 0.08);
backdrop-filter: blur(16px);
} }
.launcher-title-bubble { .launcher-title-bubble {
padding: 14px 24px; padding: 16px 24px;
border: 1px solid #4f79af; border: 1px solid #4f79af;
border-radius: 999px; border-radius: 999px;
background: color-mix(in srgb, #13233f 92%, transparent); background: color-mix(in srgb, #13233f 84%, transparent);
box-shadow: box-shadow:
0 12px 26px rgba(3, 8, 18, 0.26), 0 16px 34px rgba(3, 8, 18, 0.34),
inset 0 0 0 1px rgba(180, 214, 255, 0.08); inset 0 0 0 1px rgba(180, 214, 255, 0.08);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
@ -234,22 +215,13 @@ body {
} }
.launcher-board-tabs { .launcher-board-tabs {
display: inline-grid; display: flex;
grid-template-columns: repeat(2, minmax(128px, 1fr)); flex-wrap: wrap;
gap: 4px; gap: 10px;
width: fit-content;
padding: 4px;
border: 1px solid #365782;
border-radius: 14px;
background: rgba(8, 16, 31, 0.76);
} }
.launcher-board-tab { .launcher-board-tab {
min-height: 42px; min-height: 40px;
min-width: 128px;
padding: 10px 18px;
border-color: transparent;
background: transparent;
} }
.launcher-board-tab.is-active { .launcher-board-tab.is-active {
@ -320,81 +292,10 @@ body {
gap: 10px; gap: 10px;
} }
.launcher-request-filter-bar { .launcher-request-filter {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) auto; gap: 4px;
gap: 8px; min-width: 190px;
align-items: center;
}
.launcher-request-filter-bar-admin {
margin-bottom: 2px;
}
.launcher-request-search-input {
min-height: 40px;
border: 1px solid #365782;
border-radius: 12px;
padding: 0 12px;
background: rgba(8, 16, 31, 0.88);
color: #eef6ff;
}
.launcher-request-filter-menu-wrap {
position: relative;
}
.launcher-request-filter-icon-btn {
min-width: 40px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.launcher-request-filter-icon-btn svg {
width: 18px;
height: 18px;
}
.launcher-request-filter-menu {
position: absolute;
right: 0;
top: calc(100% + 8px);
z-index: 20;
width: min(320px, 82vw);
display: grid;
gap: 10px;
padding: 10px;
border: 1px solid #365782;
border-radius: 12px;
background: rgba(8, 16, 31, 0.96);
box-shadow: 0 18px 34px rgba(3, 8, 18, 0.34);
}
.launcher-request-filter-menu-admin {
width: min(300px, 72vw);
}
.launcher-request-filter-group {
display: grid;
gap: 6px;
}
.launcher-request-filter-group-title {
color: #9fd8ff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.launcher-request-filter-option {
display: flex;
gap: 8px;
align-items: center;
color: #d7e7ff;
font-size: 12px;
} }
.launcher-request-filter-label { .launcher-request-filter-label {
@ -424,8 +325,8 @@ body {
.launcher-request-admin-panel { .launcher-request-admin-panel {
display: grid; display: grid;
gap: 8px; gap: 10px;
padding: 8px; padding: 10px;
border: 1px solid #476d9d; border: 1px solid #476d9d;
border-radius: 12px; border-radius: 12px;
background: background:
@ -436,10 +337,6 @@ body {
inset 0 0 0 1px rgba(10, 16, 32, 0.14); inset 0 0 0 1px rgba(10, 16, 32, 0.14);
} }
.launcher-shell-admin .launcher-request-admin-panel {
min-height: calc(100dvh - 126px);
}
.launcher-request-admin-unlock { .launcher-request-admin-unlock {
display: grid; display: grid;
gap: 12px; gap: 12px;
@ -502,20 +399,12 @@ body {
.launcher-request-admin-actions { .launcher-request-admin-actions {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 8px;
}
.launcher-request-admin-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px; gap: 10px;
flex-wrap: wrap;
} }
.launcher-request-admin-sidebar { .launcher-request-admin-sidebar {
display: grid; display: grid;
gap: 0; gap: 12px;
min-height: 0; min-height: 0;
} }
@ -531,12 +420,10 @@ body {
grid-template-columns: 320px minmax(0, 1fr); grid-template-columns: 320px minmax(0, 1fr);
gap: 12px; gap: 12px;
min-height: 0; min-height: 0;
align-items: stretch;
} }
.launcher-shell-admin .launcher-request-admin-grid { .launcher-shell-admin .launcher-request-admin-grid {
grid-template-columns: 320px minmax(0, 1fr); grid-template-columns: 320px minmax(0, 1fr);
min-height: calc(100dvh - 224px);
} }
.launcher-request-admin-card { .launcher-request-admin-card {
@ -544,26 +431,16 @@ body {
grid-template-rows: auto minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr);
gap: 8px; gap: 8px;
min-height: 0; min-height: 0;
padding: 9px; padding: 10px;
border: 1px solid #365782; border: 1px solid #365782;
border-radius: 12px; border-radius: 12px;
background: rgba(8, 16, 31, 0.74); background: rgba(8, 16, 31, 0.74);
} }
.launcher-request-admin-list-card {
grid-template-rows: auto auto minmax(0, 1fr);
}
.launcher-shell-admin .launcher-request-admin-sidebar,
.launcher-shell-admin .launcher-request-admin-card,
.launcher-shell-admin .launcher-request-admin-detail-card {
height: 100%;
}
.launcher-request-admin-card-head { .launcher-request-admin-card-head {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: baseline;
gap: 8px; gap: 8px;
} }
@ -584,7 +461,6 @@ body {
.launcher-request-admin-log-list { .launcher-request-admin-log-list {
min-height: 0; min-height: 0;
max-height: 320px; max-height: 320px;
height: 100%;
overflow: auto; overflow: auto;
display: grid; display: grid;
gap: 8px; gap: 8px;
@ -593,7 +469,7 @@ body {
.launcher-shell-admin .launcher-request-admin-request-list, .launcher-shell-admin .launcher-request-admin-request-list,
.launcher-shell-admin .launcher-request-admin-log-list { .launcher-shell-admin .launcher-request-admin-log-list {
max-height: calc(100dvh - 250px); max-height: 31dvh;
} }
.launcher-request-admin-request-row, .launcher-request-admin-request-row,
@ -624,13 +500,6 @@ body {
gap: 4px; gap: 4px;
} }
.launcher-request-admin-request-headline {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
}
.launcher-request-admin-request-title, .launcher-request-admin-request-title,
.launcher-request-admin-log-title { .launcher-request-admin-log-title {
color: #eef6ff; color: #eef6ff;
@ -681,51 +550,22 @@ body {
.launcher-request-admin-detail { .launcher-request-admin-detail {
display: grid; display: grid;
gap: 6px; gap: 10px;
min-height: 0; min-height: 0;
overflow: hidden; overflow: hidden;
} }
.launcher-request-admin-detail-top { .launcher-request-admin-detail-top {
display: grid; display: flex;
grid-template-columns: minmax(0, 1fr) auto auto; justify-content: space-between;
align-items: flex-start; align-items: flex-start;
gap: 10px; gap: 12px;
} }
.launcher-request-admin-detail-copy { .launcher-request-admin-detail-copy {
min-width: 0; min-width: 0;
} }
.launcher-request-admin-detail-tabs {
display: inline-grid;
grid-template-columns: repeat(2, minmax(160px, 1fr));
gap: 10px;
padding: 4px;
border: 1px solid #365782;
border-radius: 16px;
background: rgba(17, 32, 63, 0.78);
}
.launcher-request-admin-tab {
min-height: 42px;
padding: 10px 16px;
border: 1px solid #365782;
border-radius: 14px;
background: rgba(24, 37, 59, 0.94);
color: #eef6ff;
font-size: 0.94rem;
font-weight: 800;
cursor: pointer;
}
.launcher-request-admin-tab.is-active {
border-color: rgba(110, 255, 173, 0.52);
background: linear-gradient(135deg, rgba(33, 146, 86, 0.88) 0%, rgba(24, 108, 123, 0.88) 100%);
color: #f3fff8;
box-shadow: inset 0 0 0 1px rgba(210, 255, 227, 0.14);
}
.launcher-request-admin-detail-controls { .launcher-request-admin-detail-controls {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
@ -772,27 +612,17 @@ body {
cursor: default; cursor: default;
} }
.launcher-request-admin-tab-panel {
min-height: 0;
overflow: auto;
padding-right: 4px;
}
.launcher-request-admin-query-grid { .launcher-request-admin-query-grid {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px; gap: 10px;
min-height: 0; min-height: 0;
} }
.launcher-request-admin-editor-grid { .launcher-request-admin-editor-grid {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px; gap: 10px;
}
.launcher-request-admin-editor-grid-wide {
grid-template-columns: repeat(2, minmax(0, 1fr));
} }
.launcher-request-admin-tag-grid { .launcher-request-admin-tag-grid {
@ -813,8 +643,8 @@ body {
.launcher-request-admin-analysis-item { .launcher-request-admin-analysis-item {
display: grid; display: grid;
gap: 7px; gap: 8px;
padding: 8px; padding: 10px;
border: 1px solid #365782; border: 1px solid #365782;
border-radius: 12px; border-radius: 12px;
background: rgba(8, 16, 31, 0.72); background: rgba(8, 16, 31, 0.72);
@ -829,69 +659,15 @@ body {
} }
.launcher-request-admin-textarea { .launcher-request-admin-textarea {
min-height: 72px; min-height: 96px;
} }
.launcher-request-admin-textarea-sm { .launcher-request-admin-textarea-sm {
min-height: 44px; min-height: 58px;
} }
.launcher-request-admin-textarea-xs { .launcher-request-admin-textarea-xs {
min-height: 36px; min-height: 46px;
}
.launcher-chip-field {
display: grid;
gap: 6px;
align-content: start;
}
.launcher-chip-field-head {
display: grid;
gap: 4px;
}
.launcher-chip-list {
min-height: 42px;
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 8px 10px;
border: 1px solid #365782;
border-radius: 12px;
background: rgba(8, 16, 31, 0.88);
align-items: center;
}
.launcher-chip {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 5px 9px;
border: 1px solid #365782;
border-radius: 999px;
background: rgba(25, 48, 87, 0.76);
color: #d7e7ff;
font-size: 11px;
line-height: 1;
}
.launcher-chip-remove {
border: 0;
padding: 0;
background: transparent;
color: inherit;
font-size: 11px;
font-weight: 800;
line-height: 1;
text-transform: uppercase;
cursor: pointer;
}
.launcher-chip-empty {
color: #9fb8e5;
font-size: 11px;
line-height: 1.4;
} }
.launcher-request-composer-label { .launcher-request-composer-label {
@ -902,7 +678,7 @@ body {
.launcher-request-textarea { .launcher-request-textarea {
width: 100%; width: 100%;
min-height: 84px; min-height: 110px;
resize: vertical; resize: vertical;
border: 1px solid #365782; border: 1px solid #365782;
border-radius: 10px; border-radius: 10px;
@ -924,8 +700,6 @@ body {
display: grid; display: grid;
gap: 8px; gap: 8px;
padding-right: 4px; padding-right: 4px;
align-content: start;
align-items: start;
} }
.launcher-request-entry { .launcher-request-entry {
@ -1056,8 +830,6 @@ body {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 6px; gap: 6px;
align-items: flex-start;
align-content: flex-start;
} }
.launcher-request-tag { .launcher-request-tag {
@ -1077,70 +849,6 @@ body {
line-height: 1.4; line-height: 1.4;
} }
.launcher-modal-backdrop {
position: fixed;
inset: 0;
z-index: 40;
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
background: rgba(4, 8, 15, 0.72);
backdrop-filter: blur(6px);
}
.launcher-modal {
width: min(980px, 100%);
max-height: min(82dvh, 920px);
display: grid;
gap: 10px;
padding: 12px;
border: 1px solid #365782;
border-radius: 14px;
background: rgba(8, 16, 31, 0.96);
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.42);
}
.launcher-modal-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
}
.launcher-modal-console {
min-height: 0;
overflow: auto;
display: grid;
gap: 8px;
padding: 4px;
border: 1px solid #24364e;
border-radius: 12px;
background: #07101d;
font-family: Consolas, "Courier New", monospace;
}
.launcher-modal-console-row {
display: grid;
grid-template-columns: 120px minmax(0, 1fr);
gap: 10px;
padding: 8px 10px;
border: 1px solid #17304e;
border-radius: 10px;
background: rgba(10, 18, 31, 0.88);
}
.launcher-modal-console-time {
color: #7ea2d2;
font-size: 11px;
line-height: 1.4;
}
.launcher-modal-console-copy {
display: grid;
gap: 4px;
}
.launcher-request-expanded { .launcher-request-expanded {
display: grid; display: grid;
gap: 10px; gap: 10px;
@ -1260,19 +968,6 @@ body {
background: #263149; background: #263149;
} }
.launcher-primary-btn svg,
.launcher-secondary-btn svg {
width: 16px;
height: 16px;
}
.launcher-secondary-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
}
.page-shell { .page-shell {
width: min(960px, 93vw); width: min(960px, 93vw);
margin: 24px auto; margin: 24px auto;
@ -2372,23 +2067,12 @@ button.danger:not(:disabled):hover {
flex-direction: column; flex-direction: column;
} }
.launcher-board-tabs,
.launcher-request-admin-detail-tabs {
width: 100%;
grid-template-columns: 1fr;
}
.launcher-request-hero-actions { .launcher-request-hero-actions {
grid-template-columns: 1fr; grid-template-columns: 1fr;
align-items: stretch; align-items: stretch;
} }
.launcher-request-filter-bar, .launcher-request-admin-head,
.launcher-request-filter-bar-admin {
grid-template-columns: 1fr auto;
}
.launcher-request-admin-toolbar,
.launcher-request-admin-card-head, .launcher-request-admin-card-head,
.launcher-request-admin-log-head { .launcher-request-admin-log-head {
grid-template-columns: 1fr; grid-template-columns: 1fr;
@ -2417,14 +2101,6 @@ button.danger:not(:disabled):hover {
justify-content: stretch; justify-content: stretch;
} }
.launcher-request-admin-detail-top {
grid-template-columns: 1fr;
}
.launcher-modal-console-row {
grid-template-columns: 1fr;
}
.launcher-request-admin-analysis-head { .launcher-request-admin-analysis-head {
grid-template-columns: 1fr; grid-template-columns: 1fr;
display: grid; display: grid;