Merge pull request #2841 from Cuzart/fix/mobile-dvh-and-dashboard-website-header-breaking

fix: mobile dvh and dashboard website header breaking
This commit is contained in:
Mike Cao 2024-08-04 20:42:21 -07:00 committed by GitHub
commit bcc712a40c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 9 additions and 3 deletions

View File

@ -17,5 +17,6 @@
grid-row: 2 / 3; grid-row: 2 / 3;
min-height: 0; min-height: 0;
height: calc(100vh - 60px); height: calc(100vh - 60px);
height: calc(100dvh - 60px);
overflow-y: auto; overflow-y: auto;
} }

View File

@ -1,7 +1,9 @@
.header { .header {
display: grid; display: flex;
grid-template-columns: 1fr max-content; gap: 10px;
align-items: center; align-items: center;
flex-wrap: wrap;
padding: 20px 0px;
} }
.title { .title {
@ -12,7 +14,7 @@
font-size: 24px; font-size: 24px;
font-weight: 700; font-weight: 700;
overflow: hidden; overflow: hidden;
height: 100px; height: 60px;
} }
.actions { .actions {
@ -22,6 +24,7 @@
justify-content: flex-end; justify-content: flex-end;
gap: 30px; gap: 30px;
min-height: 0; min-height: 0;
margin-left: auto;
} }
.selected { .selected {

View File

@ -1,4 +1,5 @@
.container { .container {
flex: 1; flex: 1;
min-height: calc(100vh - 200px); min-height: calc(100vh - 200px);
min-height: calc(100dvh - 200px);
} }

View File

@ -8,4 +8,5 @@
margin: 0 auto; margin: 0 auto;
padding: 0 20px; padding: 0 20px;
min-height: calc(100vh - 60px); min-height: calc(100vh - 60px);
min-height: calc(100dvh - 60px);
} }