添加红外扩展
This commit is contained in:
minghanchen
@@ -2227,7 +2227,7 @@ form > .v2-extension-primary {
|
||||
.v2-extension-gateway {
|
||||
min-width: 0;
|
||||
display: grid;
|
||||
grid-template-columns: 34px minmax(0, 1fr) auto;
|
||||
grid-template-columns: 34px minmax(0, 1fr) auto auto;
|
||||
align-items: center;
|
||||
gap: 9px;
|
||||
padding: 8px;
|
||||
@@ -2277,14 +2277,286 @@ form > .v2-extension-primary {
|
||||
font: 800 7px "SFMono-Regular", Consolas, monospace;
|
||||
}
|
||||
|
||||
.v2-extension-gateway > button {
|
||||
min-height: 28px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
padding: 0 8px;
|
||||
color: #d7f7f3;
|
||||
background: rgba(69, 181, 170, 0.14);
|
||||
border: 1px solid rgba(107, 214, 203, 0.18);
|
||||
border-radius: 7px;
|
||||
font-size: 8px;
|
||||
font-weight: 800;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.v2-extension-gateway > button svg {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
.v2-extension-device-list {
|
||||
min-height: 0;
|
||||
max-height: 124px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.v2-extension-sync-mount[data-has-devices="true"] .v2-extension-gateway {
|
||||
display: none;
|
||||
|
||||
/* GSCU1B TCP runtime controls ------------------------------------------- */
|
||||
|
||||
.v2-gscu-tcp-dialog {
|
||||
width: min(720px, calc(100vw - 30px));
|
||||
}
|
||||
|
||||
.v2-gscu-status {
|
||||
display: grid;
|
||||
grid-template-columns: 40px minmax(0, 1fr) auto;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
margin: 16px 20px 0;
|
||||
padding: 12px;
|
||||
color: #47605f;
|
||||
background: #f4f8f7;
|
||||
border: 1px solid #dce8e5;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
.v2-gscu-status > svg {
|
||||
width: 20px;
|
||||
color: #758c89;
|
||||
}
|
||||
|
||||
.v2-gscu-status > div {
|
||||
min-width: 0;
|
||||
display: grid;
|
||||
gap: 3px;
|
||||
}
|
||||
|
||||
.v2-gscu-status strong { font-size: 11px; }
|
||||
.v2-gscu-status small { overflow: hidden; color: #748583; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.v2-gscu-status > b { color: #758c89; font: 800 8px "SFMono-Regular", Consolas, monospace; }
|
||||
.v2-gscu-status[data-state="online"] { background: #edf9f5; border-color: #cceade; }
|
||||
.v2-gscu-status[data-state="online"] > svg,
|
||||
.v2-gscu-status[data-state="online"] > b { color: #218c6a; }
|
||||
.v2-gscu-status[data-state="listening"] > svg,
|
||||
.v2-gscu-status[data-state="listening"] > b { color: #a97625; }
|
||||
|
||||
.v2-gscu-config-form {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1.4fr) minmax(130px, 0.6fr) auto;
|
||||
align-items: end;
|
||||
gap: 10px;
|
||||
padding: 15px 20px;
|
||||
}
|
||||
|
||||
.v2-gscu-config-form > label,
|
||||
.v2-gscu-actions label {
|
||||
display: grid;
|
||||
gap: 5px;
|
||||
color: #4c6263;
|
||||
font-size: 9px;
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.v2-gscu-config-form label small {
|
||||
min-height: 22px;
|
||||
color: #879593;
|
||||
font-size: 7px;
|
||||
font-weight: 500;
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.v2-gscu-config-form > .v2-extension-primary {
|
||||
min-width: 135px;
|
||||
margin: 0 0 22px;
|
||||
}
|
||||
|
||||
.v2-gscu-actions {
|
||||
margin: 0 20px 20px;
|
||||
padding: 14px;
|
||||
background: #f7f9f8;
|
||||
border: 1px solid #e1e9e7;
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.v2-gscu-actions > header {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 110px minmax(150px, 0.7fr);
|
||||
align-items: end;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.v2-gscu-actions > header > div { display: grid; gap: 3px; }
|
||||
.v2-gscu-actions > header strong { font-size: 11px; }
|
||||
.v2-gscu-actions > header small { color: #7b8b89; font-size: 8px; }
|
||||
|
||||
.v2-gscu-action-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 7px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
.v2-gscu-action-grid button,
|
||||
.v2-gscu-advanced button {
|
||||
min-height: 36px;
|
||||
color: #315b58;
|
||||
background: #fff;
|
||||
border: 1px solid #d7e4e1;
|
||||
border-radius: 9px;
|
||||
font-size: 9px;
|
||||
font-weight: 800;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.v2-gscu-action-grid button:disabled,
|
||||
.v2-gscu-advanced button:disabled { opacity: 0.5; cursor: wait; }
|
||||
|
||||
.v2-gscu-advanced {
|
||||
margin-top: 12px;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid #e0e8e6;
|
||||
}
|
||||
|
||||
.v2-gscu-advanced summary {
|
||||
color: #607674;
|
||||
font-size: 9px;
|
||||
font-weight: 850;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.v2-gscu-advanced[open] {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) 145px;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.v2-gscu-advanced[open] summary { grid-column: 1 / -1; }
|
||||
.v2-gscu-advanced textarea { width: 100%; padding: 9px; resize: vertical; border: 1px solid #dbe4e2; border-radius: 9px; }
|
||||
.v2-gscu-advanced > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
|
||||
.v2-gscu-advanced button.danger { color: #a64639; border-color: #ebcfc9; }
|
||||
|
||||
.v2-gscu-command-catalog {
|
||||
margin-top: 12px;
|
||||
padding-top: 10px;
|
||||
border-top: 1px solid #e0e8e6;
|
||||
}
|
||||
|
||||
.v2-gscu-command-catalog > header {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: space-between;
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.v2-gscu-command-catalog > header strong { font-size: 10px; }
|
||||
.v2-gscu-command-catalog > header small { color: #7b8b89; font-size: 8px; }
|
||||
|
||||
#extensionGscuNamedCommands {
|
||||
max-height: 180px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
gap: 8px;
|
||||
margin-top: 8px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#extensionGscuNamedCommands > p {
|
||||
grid-column: 1 / -1;
|
||||
margin: 0;
|
||||
padding: 12px;
|
||||
color: #82918f;
|
||||
background: #fff;
|
||||
border: 1px dashed #d7e2df;
|
||||
border-radius: 9px;
|
||||
font-size: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#extensionGscuNamedCommands > article {
|
||||
display: grid;
|
||||
gap: 8px;
|
||||
padding: 10px;
|
||||
background: #fff;
|
||||
border: 1px solid #dbe6e3;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#extensionGscuNamedCommands article > header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
#extensionGscuNamedCommands article > header span,
|
||||
#extensionGscuNamedCommands article label span {
|
||||
color: #7b8b89;
|
||||
font-size: 8px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#extensionGscuNamedCommands b {
|
||||
color: #44716d;
|
||||
font: 850 10px "SFMono-Regular", Consolas, monospace;
|
||||
}
|
||||
|
||||
#extensionGscuNamedCommands label {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
#extensionGscuNamedCommands input {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
padding: 8px;
|
||||
border: 1px solid #dbe4e2;
|
||||
border-radius: 8px;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
#extensionGscuNamedCommands footer {
|
||||
display: grid;
|
||||
grid-template-columns: 0.7fr 1fr 1.35fr;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
#extensionGscuNamedCommands button {
|
||||
min-height: 32px;
|
||||
padding: 0 9px;
|
||||
color: #315b58;
|
||||
background: #fff;
|
||||
border: 1px solid #d7e4e1;
|
||||
border-radius: 8px;
|
||||
font-size: 8px;
|
||||
font-weight: 800;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#extensionGscuNamedCommands button.danger { color: #a64639; border-color: #ebcfc9; }
|
||||
|
||||
#extensionGscuTcpResult {
|
||||
max-height: 170px;
|
||||
margin: 12px 0 0;
|
||||
padding: 10px;
|
||||
overflow: auto;
|
||||
color: #d7f4ef;
|
||||
background: #173331;
|
||||
border-radius: 9px;
|
||||
font: 8px/1.55 "SFMono-Regular", Consolas, monospace;
|
||||
white-space: pre-wrap;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
.v2-gscu-config-form { grid-template-columns: 1fr; }
|
||||
.v2-gscu-config-form > .v2-extension-primary { width: 100%; margin: 0; }
|
||||
.v2-gscu-action-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||
.v2-gscu-advanced[open] { grid-template-columns: 1fr; }
|
||||
.v2-gscu-actions > header { grid-template-columns: 1fr; }
|
||||
#extensionGscuNamedCommands { grid-template-columns: 1fr; }
|
||||
}
|
||||
|
||||
.v2-extension-synced-device {
|
||||
|
||||
Reference in New Issue
Block a user