forked from rDrama/rDrama
Fix body min-height to new vh
parent
87236d0566
commit
f9022827a9
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "chat",
|
"name": "chat",
|
||||||
"version": "0.1.6",
|
"version": "0.1.7",
|
||||||
"main": "./src/index.tsx",
|
"main": "./src/index.tsx",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
|
@ -9,7 +9,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
min-height: 100vh;
|
min-height: calc(var(--vh, 1vh) * 100);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
/* mobile viewport bug fix */
|
/* mobile viewport bug fix */
|
||||||
min-height: -webkit-fill-available;
|
min-height: -webkit-fill-available;
|
||||||
|
@ -53,7 +53,7 @@ body {
|
||||||
position: relative;
|
position: relative;
|
||||||
flex: 3;
|
flex: 3;
|
||||||
height: 62vh;
|
height: 62vh;
|
||||||
height: calc(var(--vh, 1vh) * 75);
|
height: calc(var(--vh, 1vh) * 72);
|
||||||
max-height: 1000px;
|
max-height: 1000px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
-ms-overflow-style: none;
|
-ms-overflow-style: none;
|
||||||
|
@ -115,12 +115,8 @@ body {
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.App-content {
|
|
||||||
height: calc(var(--vh, 1vh) * 70);
|
|
||||||
}
|
|
||||||
|
|
||||||
.App-content__reduced {
|
.App-content__reduced {
|
||||||
height: calc(var(--vh, 1vh) * 58);
|
height: calc(var(--vh, 1vh) * 65);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue