mirror of
https://github.com/QuivrHQ/quivr.git
synced 2024-12-16 18:52:12 +03:00
b5e2d5ad9c
# Description - Implement Icon Component - Implement TextButton Component - Change Add Brain Button And Set it in the Search Page - Fix Errors When sending empty message - Change EsLint rules ## 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):
53 lines
1.1 KiB
SCSS
53 lines
1.1 KiB
SCSS
@use "@/styles/Colors.module.scss";
|
|
@use "@/styles/IconSizes.module.scss";
|
|
@use "@/styles/ScreenSizes.module.scss";
|
|
@use "@/styles/Spacings.module.scss";
|
|
@use "@/styles/Typography.module.scss";
|
|
@use "@/styles/Variables.module.scss";
|
|
|
|
.search_page_container {
|
|
background-color: Colors.$ivory;
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.main_container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: Spacings.$spacing05;
|
|
position: relative;
|
|
width: 50%;
|
|
margin-inline: auto;
|
|
transform: translateY(-#{Variables.$searchBarHeight});
|
|
|
|
@media (max-width: ScreenSizes.$small) {
|
|
width: 100%;
|
|
margin-inline: Spacings.$spacing07;
|
|
}
|
|
|
|
.quivr_logo_wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.quivr_text {
|
|
@include Typography.H1;
|
|
|
|
.quivr_text_primary {
|
|
color: Colors.$primary;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.add_brain_wrapper {
|
|
position: absolute;
|
|
bottom: Spacings.$spacing05;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
}
|