38 lines
2.0 KiB
CSS
38 lines
2.0 KiB
CSS
#find-models-launcher {
|
|
display: inline-flex; align-items: center; white-space: nowrap;
|
|
margin-inline: 4px; padding: 7px 10px; border: 1px solid #666; border-radius: 7px;
|
|
color: #eee; background: #292929; cursor: pointer;
|
|
}
|
|
#find-models-launcher.has-missing { border-color: #dc4c4c; color: #fff; background: #7d2929; }
|
|
#find-models-launcher.toolbar-fallback {
|
|
position: fixed; top: 8px; right: 220px; z-index: 1000;
|
|
}
|
|
#find-models-panel {
|
|
display: none; position: fixed; top: 60px; right: 18px; z-index: 1001;
|
|
width: min(520px, calc(100vw - 36px)); max-height: calc(100vh - 100px);
|
|
overflow: auto; box-sizing: border-box; padding: 14px;
|
|
color: #eee; background: #181818; border: 1px solid #555; border-radius: 10px;
|
|
box-shadow: 0 12px 40px #0009; font: 13px/1.45 sans-serif;
|
|
}
|
|
#find-models-panel.open { display: block; }
|
|
.fm-header, .fm-actions, .fm-item > div:first-child { display: flex; gap: 8px; align-items: center; justify-content: space-between; }
|
|
.fm-header { margin-bottom: 12px; font-size: 16px; }
|
|
.fm-header button { font-size: 20px; }
|
|
.fm-actions { justify-content: flex-start; margin-bottom: 10px; }
|
|
.fm-summary { padding: 8px 0; color: #bbb; }
|
|
.fm-item { margin: 8px 0; padding: 10px; border-left: 4px solid #777; border-radius: 5px; background: #252525; }
|
|
.fm-item strong { overflow-wrap: anywhere; }
|
|
.fm-item span { color: #aaa; white-space: nowrap; }
|
|
.fm-adaptable { border-color: #e6a700; }
|
|
.fm-missing { border-color: #dc4c4c; }
|
|
.fm-installed { border-color: #3ca66b; }
|
|
.fm-match { margin: 7px 0; color: #ccc; overflow-wrap: anywhere; }
|
|
.fm-sources { display: grid; gap: 5px; margin-top: 7px; }
|
|
.fm-node-candidates { display: grid; gap: 5px; margin-top: 7px; }
|
|
.fm-source { display: grid; grid-template-columns: 1fr auto; gap: 6px; align-items: center; }
|
|
.fm-download-progress {
|
|
grid-column: 1 / -1; min-height: 16px; color: #8fd3a8; font-size: 12px;
|
|
}
|
|
.fm-sources a { color: #7fb9ff; overflow-wrap: anywhere; }
|
|
#find-models-panel button { padding: 5px 8px; color: #eee; background: #333; border: 1px solid #666; border-radius: 5px; cursor: pointer; }
|