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;
min-height: 0;
height: calc(100vh - 60px);
height: calc(100dvh - 60px);
overflow-y: auto;
}

View File

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

View File

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

View File

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