|
@@ -1,8 +1,8 @@
|
|
|
.creationBg{
|
|
|
position: fixed;
|
|
|
z-index: -1;
|
|
|
- width: 100vw;
|
|
|
- height: var(--creationHeight, 100vh);
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
min-height: 100vh;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
@@ -227,7 +227,7 @@
|
|
|
|
|
|
.musicSection {
|
|
|
width: 100%;
|
|
|
- min-height: calc(100vh - var(--barheight) - 20px - 14vh - 210px - 55px - 80px);
|
|
|
+ min-height: calc(100% - var(--barheight) - 20px - 14vh - 210px - 55px - 80px);
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
justify-content: flex-end;
|
|
@@ -563,7 +563,7 @@
|
|
|
}
|
|
|
}
|
|
|
.musicShareSection{
|
|
|
- min-height: calc(100vh - var(--barheight) - 20vh - 210px - 55px);
|
|
|
+ min-height: calc(100% - var(--barheight) - 20vh - 210px - 55px);
|
|
|
}
|
|
|
.likeShareItem{
|
|
|
background-color: initial;
|
|
@@ -656,7 +656,7 @@
|
|
|
}
|
|
|
}
|
|
|
.isEmpty{
|
|
|
- height: calc(100vh - var(--barheight));
|
|
|
+ height: calc(100% - var(--barheight));
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
@@ -668,10 +668,10 @@
|
|
|
height: 340px;
|
|
|
}
|
|
|
.musicSection{
|
|
|
- min-height: calc(100vh - var(--barheight) - 20px - 14vh - 340px - 55px - 80px);
|
|
|
+ min-height: calc(100% - var(--barheight) - 20px - 14vh - 340px - 55px - 80px);
|
|
|
}
|
|
|
.musicShareSection{
|
|
|
- min-height: calc(100vh - var(--barheight) - 20vh - 340px - 55px);
|
|
|
+ min-height: calc(100% - var(--barheight) - 20vh - 340px - 55px);
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -682,8 +682,8 @@
|
|
|
top: 0;
|
|
|
right: 0;
|
|
|
bottom: 0;
|
|
|
- width: 100vw;
|
|
|
- height: var(--creationHeight, 100vh);
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
min-height: 100vh;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|