mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 23:56:42 +08:00
优化 TorrentCard 和 TorrentItem 组件的样式,调整行数和媒体查询的响应式设计
This commit is contained in:
@@ -353,7 +353,7 @@ onMounted(() => {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-line-clamp: 1;
|
-webkit-line-clamp: 2;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
color: rgba(var(--v-theme-on-surface), 0.87);
|
color: rgba(var(--v-theme-on-surface), 0.87);
|
||||||
}
|
}
|
||||||
@@ -628,15 +628,7 @@ onMounted(() => {
|
|||||||
opacity: 0.85;
|
opacity: 0.85;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 640px) {
|
||||||
.media-title {
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.torrent-card {
|
|
||||||
height: 260px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.resource-tag {
|
.resource-tag {
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
padding: 2px 6px;
|
padding: 2px 6px;
|
||||||
|
|||||||
@@ -440,10 +440,6 @@ onMounted(() => {
|
|||||||
padding: 8px;
|
padding: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.media-title {
|
|
||||||
font-size: 0.95rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.site-icon,
|
.site-icon,
|
||||||
.site-fallback {
|
.site-fallback {
|
||||||
width: 24px;
|
width: 24px;
|
||||||
@@ -451,7 +447,7 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.site-wrapper {
|
.site-wrapper {
|
||||||
min-width: 100px;
|
min-width: 60px;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
@@ -461,12 +457,6 @@ onMounted(() => {
|
|||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.season-tag {
|
|
||||||
font-size: 0.75rem;
|
|
||||||
padding: 1px 4px;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.resource-tag {
|
.resource-tag {
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
padding: 2px 6px;
|
padding: 2px 6px;
|
||||||
|
|||||||
Reference in New Issue
Block a user