fix layout

This commit is contained in:
Max S 2024-07-24 18:27:43 +02:00
parent baba1c08eb
commit cd84395308
7 changed files with 35 additions and 42 deletions

View File

@ -30,8 +30,8 @@
background-color: var(--color-generic-white);
z-index: 3;
display: flex;
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
transition: all 0.3s $custom-easing;
overflow: hidden;
@ -42,8 +42,8 @@
&.opened {
transform: translateX(0px);
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
}
}
@ -86,7 +86,7 @@
.right-side {
min-width: calc(100vw - 389px);
padding: 64px 48px;
padding: 24px;
overflow-y: auto;
@media (max-width: ($screen-m - 1px)) {
@ -94,7 +94,6 @@
}
@media (max-width: $screen-s) {
padding: 40px 16px 64px 16px;
flex: 1;
min-width: unset;
}

View File

@ -30,8 +30,8 @@
background-color: var(--color-generic-white);
z-index: 3;
display: flex;
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
transition: all 0.3s $custom-easing;
overflow: hidden;
@ -42,8 +42,8 @@
&.opened {
transform: translateX(0px);
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
}
}
@ -86,7 +86,7 @@
.right-side {
min-width: calc(100vw - 389px);
padding: 64px 48px;
padding: 24px;
overflow-y: auto;
@media (max-width: ($screen-m - 1px)) {
@ -94,7 +94,6 @@
}
@media (max-width: $screen-s) {
padding: 40px 16px 64px 16px;
flex: 1;
min-width: unset;
}

View File

@ -30,8 +30,8 @@
background-color: var(--color-generic-white);
z-index: 3;
display: flex;
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
transition: all 0.3s $custom-easing;
overflow: hidden;
@ -42,8 +42,8 @@
&.opened {
transform: translateX(0px);
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
}
}
@ -86,7 +86,7 @@
.right-side {
min-width: calc(100vw - 389px);
padding: 64px 48px;
padding: 24px;
overflow-y: auto;
@media (max-width: ($screen-m - 1px)) {
@ -94,7 +94,6 @@
}
@media (max-width: $screen-s) {
padding: 40px 16px 64px 16px;
flex: 1;
min-width: unset;
}

View File

@ -31,8 +31,8 @@
background-color: var(--color-generic-white);
z-index: 3;
display: flex;
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
transition: all 0.3s $custom-easing;
overflow: hidden;
@ -43,8 +43,8 @@
&.opened {
transform: translateX(0px);
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
}
}
@ -87,7 +87,7 @@
.right-side {
min-width: calc(100vw - 389px);
padding: 64px 48px;
padding: 24px;
overflow-y: auto;
@media (max-width: ($screen-m - 1px)) {
@ -95,7 +95,6 @@
}
@media (max-width: $screen-s) {
padding: 40px 16px 64px 16px;
flex: 1;
min-width: unset;
}

View File

@ -30,8 +30,8 @@
background-color: var(--color-generic-white);
z-index: 3;
display: flex;
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
transition: all 0.3s $custom-easing;
overflow: hidden;
@ -42,8 +42,8 @@
&.opened {
transform: translateX(0px);
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
}
}
@ -86,7 +86,7 @@
.right-side {
min-width: calc(100vw - 389px);
padding: 64px 48px;
padding: 24px;
overflow-y: auto;
@media (max-width: ($screen-m - 1px)) {
@ -94,7 +94,6 @@
}
@media (max-width: $screen-s) {
padding: 40px 16px 64px 16px;
flex: 1;
min-width: unset;
}

View File

@ -30,8 +30,8 @@
background-color: var(--color-generic-white);
z-index: 3;
display: flex;
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
transition: all 0.3s $custom-easing;
overflow: hidden;
@ -42,8 +42,8 @@
&.opened {
transform: translateX(0px);
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
}
}
@ -86,7 +86,7 @@
.right-side {
min-width: calc(100vw - 389px);
padding: 64px 48px;
padding: 24px;
overflow-y: auto;
@media (max-width: ($screen-m - 1px)) {
@ -94,7 +94,6 @@
}
@media (max-width: $screen-s) {
padding: 40px 16px 64px 16px;
flex: 1;
min-width: unset;
}

View File

@ -30,8 +30,8 @@
background-color: var(--color-generic-white);
z-index: 3;
display: flex;
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
transition: all 0.3s $custom-easing;
overflow: hidden;
@ -42,8 +42,8 @@
&.opened {
transform: translateX(0px);
width: 389px;
min-width: 389px;
width: 336px;
min-width: 336px;
}
}
@ -86,7 +86,7 @@
.right-side {
min-width: calc(100vw - 389px);
padding: 64px 48px;
padding: 24px;
overflow-y: auto;
@media (max-width: ($screen-m - 1px)) {
@ -94,7 +94,6 @@
}
@media (max-width: $screen-s) {
padding: 40px 16px 64px 16px;
flex: 1;
min-width: unset;
}