explorata/src/components/MainMenu.vue

63 lines
1.2 KiB
Vue
Raw Normal View History

2022-01-08 13:12:15 +01:00
<template>
<div id="sidebar">
<MenuGeneralOptions />
<MenuCellProperties />
<MenuElementaryCA />
<Menu2dCA />
</div>
2022-01-08 13:12:15 +01:00
</template>
<script>
2022-12-02 17:10:21 +01:00
import MenuCellProperties from "./MenuCellProperties.vue";
import MenuGeneralOptions from "./MenuGeneralOptions.vue";
import MenuElementaryCA from "./MenuElementaryCA.vue";
import Menu2dCA from "./Menu2dCA.vue";
export default {
name: "MainMenu",
components: {
MenuCellProperties,
MenuGeneralOptions,
MenuElementaryCA,
Menu2dCA,
},
};
2022-01-08 13:12:15 +01:00
</script>
<style>
2022-12-02 17:10:21 +01:00
#sidebar {
width: 25%;
padding: 0 10px;
overflow-y: scroll;
}
2022-12-02 17:10:21 +01:00
/* Hide scrollbar for Chrome, Safari and Opera */
#sidebar::-webkit-scrollbar {
display: none;
}
2022-12-02 17:10:21 +01:00
/* Hide scrollbar for IE, Edge and Firefox */
#sidebar {
2022-12-02 17:10:21 +01:00
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
@media screen and (max-width: 800px) {
#container {
display: flex;
flex-direction: column;
justify-content: center;
}
#mainContent {
flex: 1;
width: 100%;
}
#sidebar {
flex: 1;
padding: 0;
width: 100%;
}
}
2022-01-08 13:12:15 +01:00
</style>