Support saves selected model in list when reloaded and loaded page browser. Write backend code get models in json format, and create file json default models for local server. Add buttons refresh model list
78 lines
1.3 KiB
CSS
78 lines
1.3 KiB
CSS
.threeWrapper {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 5px;
|
|
}
|
|
|
|
.threeCanvasListModels {
|
|
max-width: 100px;
|
|
}
|
|
|
|
.threeWrapper3Views {
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
.threeCanvasPanelWrapper {
|
|
/* wrapper panel */
|
|
}
|
|
|
|
.threeCanvasPanel {
|
|
display: flex;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background: rgb(90, 90, 90);
|
|
min-height: 30px;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
gap: 2px;
|
|
}
|
|
|
|
.threeCanvasButton {
|
|
padding: 3px;
|
|
}
|
|
|
|
.threeCanvasDel {
|
|
color: var(--error-text);
|
|
}
|
|
|
|
.threeCanvasViews3Box {
|
|
display: flex;
|
|
}
|
|
|
|
/* renderers */
|
|
.threeview_renderer {
|
|
width: 100%;
|
|
}
|
|
|
|
.wrapperThreeViewCanvas {
|
|
position: relative;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
display: block;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.lil-gui {
|
|
--padding: 2px;
|
|
--spacing: 2px;
|
|
--widget-height: 14px;
|
|
--font-size: 10px;
|
|
--input-font-size: 10px;
|
|
--widget-border-radius: 0px;
|
|
--slider-input-min-width: 30px;
|
|
--color-input-min-width: 30px;
|
|
--width: 150px;
|
|
--name-width: 30%;
|
|
--background-color: none;
|
|
--title-background-color: none;
|
|
--text-color: #ebebeb;
|
|
--title-text-color: #ebebeb;
|
|
--widget-color: rgba(20, 20, 30, 0.6);
|
|
--hover-color: rgba(30, 30, 50, 0.8);
|
|
--focus-color: #595959;
|
|
--number-color: #2cc9ff;
|
|
--string-color: #a2db3c;
|
|
--scrollbar-width: 3px;
|
|
}
|