diff --git a/open-isle-cli/src/components/MenuComponent.vue b/open-isle-cli/src/components/MenuComponent.vue index a6921ae2a..be30a7070 100644 --- a/open-isle-cli/src/components/MenuComponent.vue +++ b/open-isle-cli/src/components/MenuComponent.vue @@ -358,8 +358,12 @@ export default { @media (max-width: 768px) { .menu { position: fixed; - width: calc(100% - 20px); z-index: 1000; + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); + left: 10px; + border-radius: 20px; + border-right: none; + height: 400px; } .slide-enter-active, diff --git a/open-isle-cli/src/views/HomePageView.vue b/open-isle-cli/src/views/HomePageView.vue index 1d5f31a05..5503d2c6b 100644 --- a/open-isle-cli/src/views/HomePageView.vue +++ b/open-isle-cli/src/views/HomePageView.vue @@ -384,12 +384,16 @@ export default { } .topic-container { + position: sticky; + top: 0; + z-index: 100; + background-color: var(--background-color); display: flex; flex-direction: row; align-items: center; gap: 10px; width: 100%; - padding: 20px 0; + padding: 10px 0; } .topic-item-container {