quivr/frontend/app/App.module.scss
Antoine Dewez ccab4d38f8
fix(frontend): menu on mobile (#2895)
# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):
2024-07-22 16:41:30 +02:00

32 lines
539 B
SCSS

@use "styles/ScreenSizes.module.scss";
@use "styles/ZIndexes.module.scss";
.app_container {
display: flex;
overflow: auto;
position: relative;
align-items: stretch;
width: 100%;
height: 100%;
@media (max-width: ScreenSizes.$small) {
.menu_container {
position: absolute;
left: 0;
top: 0;
z-index: ZIndexes.$overlay;
}
}
.content_container {
overflow: scroll;
flex: 1 1 0%;
@media (max-width: ScreenSizes.$small) {
&.blured {
opacity: 0.2;
}
}
}
}