mirror of
https://github.com/QuivrHQ/quivr.git
synced 2024-12-15 01:21:48 +03:00
99d0b8bdb6
# Description - Replace overflow of scroll with overflow of auto throughout the project - apply custom scrollbar ## 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):    
37 lines
620 B
SCSS
37 lines
620 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;
|
|
}
|
|
}
|
|
|
|
&.blur {
|
|
filter: opacity(0.1);
|
|
transition: filter 0.2s ease-in-out;
|
|
}
|
|
|
|
.content_container {
|
|
overflow: auto;
|
|
flex: 1 1 0%;
|
|
|
|
@media (max-width: ScreenSizes.$small) {
|
|
&.blured {
|
|
opacity: 0.2;
|
|
}
|
|
}
|
|
}
|
|
}
|