quivr/frontend/lib/components/ui/SearchBar/SearchBar.module.scss
Antoine Dewez eb60bca81c
fix(frontend): better search bar and chat box (#2255)
# 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-02-23 18:47:55 -08:00

40 lines
853 B
SCSS

@use "@/styles/Colors.module.scss";
@use "@/styles/IconSizes.module.scss";
@use "@/styles/Radius.module.scss";
@use "@/styles/Spacings.module.scss";
.search_bar_wrapper {
display: flex;
flex-direction: column;
gap: Spacings.$spacing03;
background-color: Colors.$white;
border-radius: Radius.$big;
border: 1px solid Colors.$lighter-grey;
overflow: hidden;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);
.editor_wrapper {
display: flex;
align-items: center;
justify-content: space-between;
padding: Spacings.$spacing05;
&.with_brain {
padding-top: 0;
}
.search_icon {
width: IconSizes.$big;
height: IconSizes.$big;
color: Colors.$accent;
cursor: pointer;
&.disabled {
color: Colors.$black;
pointer-events: none;
opacity: 0.2;
}
}
}
}