131 lines
2.8 KiB
SCSS
131 lines
2.8 KiB
SCSS
// 1600px
|
|
@media screen and (max-width: 100em) {
|
|
// @import "./1600/my_table_1600";
|
|
// @import "./1600/the_list_panel_1600";
|
|
// @import "./1600/sub_header_1600";
|
|
}
|
|
// 1399px
|
|
@media screen and (max-width: 87.499em) {
|
|
// @import "./1399/the_list_panel-1399";
|
|
// @import "./1399/_sub_header_1399";
|
|
}
|
|
|
|
// 991px
|
|
@media screen and (max-width: 61.998em) {
|
|
.main-page__content {
|
|
.search-items {
|
|
height: calc(100vh - 13em);
|
|
}
|
|
.filter-list-container {
|
|
padding-top: 0.5em;
|
|
position: fixed;
|
|
|
|
z-index: 9;
|
|
width: auto;
|
|
|
|
.main-filter {
|
|
display: none;
|
|
}
|
|
.mobile-mode {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
|
|
.btn {
|
|
border-radius: 50%;
|
|
// font-size: 0.7rem;
|
|
width: 2.5em;
|
|
height: 2.5em;
|
|
box-shadow: 0px 0px 7px 1px #eee;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
transform: translateX(1.5em);
|
|
background-color: #eee;
|
|
|
|
&:hover {
|
|
filter: brightness(0.8);
|
|
}
|
|
}
|
|
}
|
|
|
|
&.expanded {
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
margin-right: var(--sidebar-collapsed-width);
|
|
background: #fff;
|
|
justify-content: center;
|
|
box-shadow: -1px 0px 7px 1px #eee;
|
|
|
|
.main-filter {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
// @import "./991/group";
|
|
// @import "./991/the-footer";
|
|
// @import "./991/chat-list.scss";
|
|
// @import "./991/replays";
|
|
// @import "./991/_sub_header_991";
|
|
// @import "./991/my_table_991";
|
|
}
|
|
|
|
// 767px
|
|
@media screen and (max-width: 47.938em) {
|
|
.main-page__content {
|
|
.search-items {
|
|
height: calc(100vh - 15em);
|
|
}
|
|
|
|
|
|
}
|
|
// @import "./767/group";
|
|
// @import "./767/the_list_panel_767";
|
|
// @import "./767/the_navbar_767";
|
|
// @import "./767/_sub_header_767";
|
|
// @import "./767/the-footer";
|
|
}
|
|
|
|
// 575px
|
|
@media screen and (max-width: 35.938em) {
|
|
.main-page__content {
|
|
.search-items {
|
|
height: calc(100vh - 15em);
|
|
}
|
|
|
|
|
|
}
|
|
|
|
// @import "./575/main_575";
|
|
// @import "./575/my_table_575";
|
|
// @import "./575/the_list_panel_575";
|
|
// @import "./575/the_navbar_575";
|
|
// @import "./575/sub_header_575";
|
|
}
|
|
|
|
// 399px
|
|
@media screen and (max-width: 24.938em) {
|
|
.main-page__content {
|
|
.search-items {
|
|
height: calc(100vh - 15em);
|
|
}
|
|
|
|
|
|
}
|
|
// @import "./399/chat-list.scss";
|
|
// @import "./399/my_table_399";
|
|
// @import "./399/sub_header_399";
|
|
// @import "./399/the-_navbar_399";
|
|
// @import "./399/the_list_panel_399";
|
|
}
|
|
//360px
|
|
@media screen and (max-width: 22.5em) {
|
|
// @import "./360/main_360";
|
|
// @import "./360/sub_header_360";
|
|
// @import "./360/the_list_panel_360";
|
|
// @import "./360/the_navbar_360";
|
|
}
|