Kieran/zap.stream
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: tablet and mobile fixes

Browse Source
This commit is contained in:
Alejandro Gomez
2023-06-27 16:49:02 +02:00
parent f17d97eca9
commit f780f5212c
2 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/element/live-chat.css
View File

@ -4,8 +4,6 @@
flex-direction: column; flex-direction: column;
padding: 8px 16px; padding: 8px 16px;
border: none; border: none;
max-width: calc(100vw - 32px);
height: calc(100vh - 72px - 230px - 64px);
} }
@media (min-width: 1020px) { @media (min-width: 1020px) {

12
src/pages/layout.css
View File

@ -12,6 +12,10 @@
width: 100vw; width: 100vw;
} }
.live-chat {
height: calc(100vh - 16px - 64px - 56px - 230px);
}
.page.home { .page.home {
display: grid; display: grid;
height: 100vh; height: 100vh;
@ -33,7 +37,7 @@
"main-content profile" "main-content profile"
"main-content chat"; "main-content chat";
grid-template-rows: 64px min-content; grid-template-rows: 64px min-content;
grid-template-columns: minmax(600px, 1fr) 1fr; grid-template-columns: minmax(600px, 3fr) 1fr;
gap: 0; gap: 0;
} }
@ -42,7 +46,7 @@
} }
.live-chat { .live-chat {
height: calc(100vh - 56px); height: calc(100vh - 56px - 64px - 16px);
} }
} }
@ -60,10 +64,6 @@
"profile chat"; "profile chat";
gap: 0; gap: 0;
} }
.live-chat {
width: unset;
}
} }
@media (min-width: 2000px) { @media (min-width: 2000px) {