|
|
@@ -449,8 +449,8 @@ onBeforeUnmount(() => {
|
|
|
|
|
|
li {
|
|
|
position: relative;
|
|
|
- width: calc((100% / 7) - 1.6vh);
|
|
|
- height: calc(((100vh - 1vw - 10vh - 5vh - 1.6vh) / 5) - 1.6vh);
|
|
|
+ width: calc((100% / 6) - 1.6vh);
|
|
|
+ height: calc(((100vh - 1vw - 10vh - 5vh - 1.6vh) / 4) - 1.6vh);
|
|
|
margin: 0px 0.8vh 1.6vh 0.8vh;
|
|
|
box-sizing: border-box;
|
|
|
border: 1px solid #ffffff;
|
|
|
@@ -477,7 +477,7 @@ onBeforeUnmount(() => {
|
|
|
position: absolute;
|
|
|
bottom: 0;
|
|
|
width: 100%;
|
|
|
- padding: 0.3vh 10%;
|
|
|
+ padding: 0.4vh 8%;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: space-between;
|
|
|
@@ -485,18 +485,18 @@ onBeforeUnmount(() => {
|
|
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0.87) 45%, rgba(18, 133, 124, 0.7367) 135%);
|
|
|
|
|
|
.name {
|
|
|
- font-size: 1vw;
|
|
|
+ font-size: 1.2vw;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.score {
|
|
|
- font-size: 1.3vw;
|
|
|
+ font-size: 1.8vw;
|
|
|
color: #00FFE8;
|
|
|
font-family: 'Saira-ExtraBold';
|
|
|
font-style: italic;
|
|
|
|
|
|
span {
|
|
|
- font-size: 0.6vw;
|
|
|
+ font-size: 0.8vw;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
@@ -628,7 +628,7 @@ onBeforeUnmount(() => {
|
|
|
|
|
|
.score {
|
|
|
color: #ffffff;
|
|
|
- font-size: 1.2vw;
|
|
|
+ font-size: 1.4vw;
|
|
|
font-style: italic;
|
|
|
display: inline-block;
|
|
|
}
|
