Add launcher request board
This commit is contained in:
parent
6c6b1295a3
commit
4eef0d4850
3 changed files with 628 additions and 33 deletions
152
src/index.css
152
src/index.css
|
|
@ -185,6 +185,28 @@ body {
|
|||
overflow: auto;
|
||||
}
|
||||
|
||||
.launcher-board-content {
|
||||
min-height: 100%;
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.launcher-board-tabs {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.launcher-board-tab {
|
||||
min-height: 40px;
|
||||
}
|
||||
|
||||
.launcher-board-tab.is-active {
|
||||
border-color: #6eaef5;
|
||||
background: linear-gradient(180deg, #2c4e80 0%, #18355e 100%);
|
||||
box-shadow: inset 0 0 0 1px rgba(168, 208, 255, 0.18);
|
||||
}
|
||||
|
||||
.changelog-splash-card {
|
||||
min-height: 100%;
|
||||
display: grid;
|
||||
|
|
@ -233,6 +255,131 @@ body {
|
|||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.launcher-request-toolbar {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.launcher-request-composer {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 12px 14px;
|
||||
border: 1px solid #365782;
|
||||
border-radius: 12px;
|
||||
background: rgba(17, 32, 63, 0.84);
|
||||
box-shadow: inset 0 0 0 1px rgba(10, 16, 32, 0.14);
|
||||
}
|
||||
|
||||
.launcher-request-composer-label {
|
||||
color: #d7e7ff;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.launcher-request-textarea {
|
||||
width: 100%;
|
||||
min-height: 110px;
|
||||
resize: vertical;
|
||||
border: 1px solid #365782;
|
||||
border-radius: 10px;
|
||||
padding: 10px 12px;
|
||||
background: rgba(8, 16, 31, 0.88);
|
||||
color: #eef6ff;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.launcher-request-composer-actions {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.launcher-request-list {
|
||||
min-height: 0;
|
||||
overflow: auto;
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding-right: 4px;
|
||||
}
|
||||
|
||||
.launcher-request-entry {
|
||||
position: relative;
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
padding: 12px 14px;
|
||||
border: 1px solid #365782;
|
||||
border-radius: 12px;
|
||||
background: rgba(17, 32, 63, 0.84);
|
||||
box-shadow: inset 0 0 0 1px rgba(10, 16, 32, 0.14);
|
||||
}
|
||||
|
||||
.launcher-request-entry.is-done {
|
||||
border-color: #2f7e60;
|
||||
background: rgba(15, 40, 33, 0.84);
|
||||
}
|
||||
|
||||
.launcher-request-entry-head {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.launcher-request-check {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
color: #eef6ff;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.launcher-request-check input {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.launcher-request-delete-btn {
|
||||
min-width: 32px;
|
||||
min-height: 32px;
|
||||
padding: 6px 10px;
|
||||
border-color: #7b3141;
|
||||
background: #4f1d2a;
|
||||
color: #ffe4ea;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.launcher-request-delete-btn:not(:disabled):hover {
|
||||
background: #672536;
|
||||
}
|
||||
|
||||
.launcher-request-entry-text {
|
||||
color: #d7e7ff;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
.launcher-request-entry.is-done .launcher-request-entry-text {
|
||||
color: #9ec7b4;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.launcher-request-entry-meta,
|
||||
.launcher-request-empty {
|
||||
color: #9fb8e5;
|
||||
font-size: 11px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.launcher-request-error {
|
||||
margin: 0;
|
||||
color: #ff9aa4;
|
||||
font-size: 12px;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.changelog-splash-section {
|
||||
padding: 12px 14px;
|
||||
border: 1px solid #365782;
|
||||
|
|
@ -1415,6 +1562,11 @@ button.danger:not(:disabled):hover {
|
|||
flex-direction: column;
|
||||
}
|
||||
|
||||
.launcher-board-tabs,
|
||||
.launcher-request-composer-actions {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.launcher-primary-btn,
|
||||
.launcher-secondary-btn {
|
||||
width: 100%;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue