mirror of
https://github.com/QuivrHQ/quivr.git
synced 2024-12-15 01:21:48 +03:00
ef6037e665
# Description complete ENT-35 --------- Co-authored-by: Stan Girard <girard.stanislas@gmail.com>
103 lines
2.0 KiB
SCSS
103 lines
2.0 KiB
SCSS
@use "styles/IconSizes.module.scss";
|
|
@use "styles/Radius.module.scss";
|
|
@use "styles/ScreenSizes.module.scss";
|
|
@use "styles/Spacings.module.scss";
|
|
@use "styles/Typography.module.scss";
|
|
@use "styles/Variables.module.scss";
|
|
@use "styles/ZIndexes.module.scss";
|
|
|
|
.main_container {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
.page_header {
|
|
position: absolute;
|
|
width: 100%;
|
|
}
|
|
|
|
.search_page_container {
|
|
background-color: var(--background-0);
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-top: Spacings.$spacing07;
|
|
flex-direction: column;
|
|
|
|
.main_wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
row-gap: Spacings.$spacing05;
|
|
width: 50%;
|
|
margin-inline: auto;
|
|
transform: translateY(-#{Variables.$searchBarHeight});
|
|
margin-top: 25vh;
|
|
|
|
@media (max-width: ScreenSizes.$small) {
|
|
width: 100%;
|
|
padding-inline: Spacings.$spacing10;
|
|
}
|
|
|
|
.quivr_logo_wrapper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
.quivr_text {
|
|
@include Typography.Big;
|
|
|
|
.quivr_text_primary {
|
|
color: var(--primary-0);
|
|
}
|
|
}
|
|
}
|
|
|
|
.assistants_container {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: Spacings.$spacing05;
|
|
|
|
.tabs {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.onboarding_overlay {
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: ZIndexes.$overlay;
|
|
background-color: var(--background-blur);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
.main_message_wrapper {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
|
|
.main_message {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
.bolder {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
|
|
.first_brain_button {
|
|
position: absolute;
|
|
right: Spacings.$spacing07;
|
|
top: Spacings.$spacing04;
|
|
display: flex;
|
|
gap: Spacings.$spacing05;
|
|
}
|
|
}
|