Chneemann/join
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update responsive design

Browse source
This commit is contained in:
Chneemann 2024-04-01 20:44:55 +02:00
parent 3f5e92eea9
commit d2e6f3f519
2 changed files with 10 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/app/app.component.scss
View file

@ -47,7 +47,7 @@ app-header {
position: absolute; position: absolute;
top: 96px; top: 96px;
width: calc(100vw - 64px); width: calc(100vw - 64px);
height: calc(100vh - 176px); height: calc(100vh - 240px);
padding: 32px; padding: 32px;
} }
@ -65,6 +65,7 @@ app-header {
} }
app-sidebar-mobile { app-sidebar-mobile {
position: fixed;
display: unset; display: unset;
} }
} }

19
src/app/components/contacts/contacts.component.scss
View file

@ -1,9 +1,7 @@
section { section {
position: relative; position: relative;
} height: 100%;
width: 100%;
.d-none {
display: none;
} }
.btn-inside { .btn-inside {
@ -163,11 +161,10 @@ section {
@media screen and (max-width: 910px) { @media screen and (max-width: 910px) {
.left-frame { .left-frame {
position: relative; padding: 0;
top: -32px; left: -16px;
left: -32px; width: calc(100vw - 16px);
width: calc(100vw); min-height: calc(100vh - 176px);
min-height: calc(100vh - 208px);
} }
.btn-inside { .btn-inside {
@ -198,9 +195,9 @@ section {
@media screen and (max-width: 450px) { @media screen and (max-width: 450px) {
.left-frame { .left-frame {
padding: 0; top: -32px;
left: -16px; left: -16px;
min-height: calc(100vh - 176px); width: calc(100vw);
} }
.first-letter { .first-letter {