diff --git a/front/src/assets/sidebar.scss b/front/src/assets/sidebar.scss index 20eaf6e..7b648fb 100644 --- a/front/src/assets/sidebar.scss +++ b/front/src/assets/sidebar.scss @@ -78,7 +78,13 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25); font-weight: 700; font-size: 1.25rem; } - + + p { + &:not(:last-child) { + margin-bottom: 1rem; + } + } + &-title { display: flex; align-items: center; @@ -86,15 +92,22 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25); gap: 1rem; color: var(--primary-color); cursor: pointer; - + svg { flex-shrink: 0; } } - + &.open { max-height: 50vh; } + + &-content { + max-height: 20vh; + overflow: auto; + margin-top: 1.125rem; + } + } h2 { diff --git a/front/src/components/Promo/load_models.vue b/front/src/components/Promo/load_models.vue index 8a90b0e..c31c1b5 100644 --- a/front/src/components/Promo/load_models.vue +++ b/front/src/components/Promo/load_models.vue @@ -288,7 +288,7 @@ watch(() => sidebar, () => { el.getWorldPosition(target_vector); controls_targetto.value = target_vector; - camera_rotatetoto.value = new Quaternion(-0.5, -0.25, -0.125, 0.875,) + camera_rotatetoto.value = new Quaternion(Math.PI*0.5, Math.PI*0.5, Math.PI*0.5, Math.PI*0.5) } } }, { deep: true }) diff --git a/front/src/components/Promo/sidebar.vue b/front/src/components/Promo/sidebar.vue index 5780e4b..1de0cf3 100644 --- a/front/src/components/Promo/sidebar.vue +++ b/front/src/components/Promo/sidebar.vue @@ -18,20 +18,10 @@ const openedChange = () => { watch(() => sidebar, () => { if (sidebar.is_open == false) { opened_desc.value = null; - open_accordions.value = [] } else { opened_desc.value = sidebar.id_clickable } }, { deep: true }) - -const open_accordions = ref([] as string[]) -const toggleAccordion = (name: string) => { - if (open_accordions.value.includes(name)) { - open_accordions.value.splice(open_accordions.value.indexOf(name), 1) - } else { - open_accordions.value.push(name) - } -}