mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Fix layout overflow
This commit is contained in:
parent
5f3c2b6ff3
commit
9ae9dfc695
2
min/simple-home-categories.vue.min.js
vendored
2
min/simple-home-categories.vue.min.js
vendored
File diff suppressed because one or more lines are too long
2
min/slideshow-cards.vue.min.js
vendored
2
min/slideshow-cards.vue.min.js
vendored
File diff suppressed because one or more lines are too long
@ -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,
|
||||
|
||||
@ -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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user