Fix layout overflow

This commit is contained in:
the1812 2021-09-27 09:36:04 +08:00
parent 5f3c2b6ff3
commit 9ae9dfc695
4 changed files with 15 additions and 10 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -161,9 +161,9 @@ export default {
--loading-from: #d4d4d4;
--loading-to: #ddd;
--slideshow-ratio: 0.6;
--rank-width: 370px;
--rank-width: 20vw;
--rank-height: calc(var(--rank-width) / 16 * 10);
--card-height: 280px;
--card-height: 22vh;
--card-width: calc(var(--card-height) * (42 / 25));
display: flex;
flex-direction: column;
@ -179,12 +179,12 @@ export default {
background-color: var(--loading-to);
}
}
@for $width from 18 through 7 {
@media screen and (max-width: #{$width * 100}px) {
--card-height: #{280 - 8 * (19 - $width)}px;
--rank-width: #{370 - 20 * (19 - $width)}px;
}
}
// @for $width from 18 through 7 {
// @media screen and (max-width: #{$width * 100}px) {
// --card-height: #{280 - 8 * (19 - $width)}px;
// --rank-width: #{370 - 20 * (19 - $width)}px;
// }
// }
&,
& *,
::after,

View File

@ -228,6 +228,9 @@ export default {
& > * {
display: flex;
align-items: center;
&:not(:last-child) {
margin-bottom: 6px;
}
}
.title {
color: inherit !important;
@ -235,6 +238,7 @@ export default {
font-weight: bold;
line-height: normal;
text-align: right;
flex-shrink: 0;
@include max-line(2);
}
.up {
@ -259,6 +263,7 @@ export default {
.description {
@include max-line(6);
flex-grow: 1;
flex-shrink: 1;
white-space: pre-wrap;
text-align: right;
opacity: 0.75;