81 lines
1.4 KiB
CSS
81 lines
1.4 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 {
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
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;
|
|
}
|