окно справа с выполненым кодом находится не в центре правой стороны и в высоту лишь на половину
Я понял вашу просьбу и внес соответствующие изменения в CSS. Теперь окно с выполненным кодом находится в центре правой панели и занимает половину высоты. Вот обновленные стили для правой панели и контейнера Three.js:
.right-panel {
flex: 1;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#three-container {
width: 100%;
height: 50vh;
background-color: #000;
position: relative;
}
Эти изменения обеспечивают следующее:
1. Правая панель теперь использует flexbox для центрирования содержимого как по вертикали, так и по горизонтали.
2. Контейнер Three.js теперь имеет высоту 50vh, что означает 50% от высоты видимой области экрана.
3. Ширина контейнера остается 100% от ширины правой панели.
Вы можете увидеть результат этих изменений в правой части экрана. Сцена Three.js теперь находится в центре и занимает половину высоты правой панели. Это должно соответствовать вашему запросу и улучшить общий вид интерфейса.