2024-01-23 04:37:45 +03:00
|
|
|
@use "@/styles/Colors.module.scss";
|
|
|
|
@use "@/styles/IconSizes.module.scss";
|
2024-02-02 22:50:09 +03:00
|
|
|
@use "@/styles/Radius.module.scss";
|
2024-01-23 04:37:45 +03:00
|
|
|
@use "@/styles/ScreenSizes.module.scss";
|
|
|
|
@use "@/styles/Spacings.module.scss";
|
|
|
|
@use "@/styles/Typography.module.scss";
|
|
|
|
@use "@/styles/Variables.module.scss";
|
2024-01-20 07:34:30 +03:00
|
|
|
|
|
|
|
.search_page_container {
|
2024-01-25 23:44:24 +03:00
|
|
|
background-color: Colors.$white;
|
2024-01-23 04:37:45 +03:00
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
display: flex;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
2024-02-02 22:50:09 +03:00
|
|
|
flex-direction: column;
|
2024-01-20 07:34:30 +03:00
|
|
|
|
2024-01-23 04:37:45 +03:00
|
|
|
.main_container {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
row-gap: Spacings.$spacing05;
|
|
|
|
position: relative;
|
|
|
|
width: 50%;
|
|
|
|
margin-inline: auto;
|
|
|
|
transform: translateY(-#{Variables.$searchBarHeight});
|
2024-01-20 07:34:30 +03:00
|
|
|
|
2024-01-23 04:37:45 +03:00
|
|
|
@media (max-width: ScreenSizes.$small) {
|
|
|
|
width: 100%;
|
2024-02-02 22:50:09 +03:00
|
|
|
padding-inline: Spacings.$spacing07;
|
2024-01-23 04:37:45 +03:00
|
|
|
}
|
2024-01-20 07:34:30 +03:00
|
|
|
|
2024-01-23 04:37:45 +03:00
|
|
|
.quivr_logo_wrapper {
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
2024-01-20 07:34:30 +03:00
|
|
|
|
2024-01-23 04:37:45 +03:00
|
|
|
.quivr_text {
|
2024-01-28 12:07:57 +03:00
|
|
|
@include Typography.Big;
|
2024-01-20 07:34:30 +03:00
|
|
|
|
2024-01-23 04:37:45 +03:00
|
|
|
.quivr_text_primary {
|
|
|
|
color: Colors.$primary;
|
2024-01-20 07:34:30 +03:00
|
|
|
}
|
2024-01-23 04:37:45 +03:00
|
|
|
}
|
2024-01-20 07:34:30 +03:00
|
|
|
}
|
2024-01-23 04:37:45 +03:00
|
|
|
}
|
|
|
|
|
2024-02-02 22:50:09 +03:00
|
|
|
.shortcuts_card_wrapper {
|
|
|
|
background-color: Colors.$lightest-grey;
|
|
|
|
padding: Spacings.$spacing05;
|
|
|
|
gap: Spacings.$spacing03;
|
|
|
|
border-radius: Radius.$big;
|
|
|
|
|
|
|
|
.shortcut_wrapper {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
gap: Spacings.$spacing03;
|
|
|
|
|
|
|
|
.shortcut {
|
|
|
|
color: Colors.$primary;
|
|
|
|
}
|
|
|
|
}
|
2024-01-23 04:37:45 +03:00
|
|
|
}
|
|
|
|
}
|