feat(article-link): replace background div with img tag

This commit is contained in:
ZhenShuo Leo
2025-09-06 15:42:14 +08:00
parent 340364f31a
commit 01b998e070
6 changed files with 104 additions and 116 deletions
+19 -30
View File
@@ -3019,9 +3019,9 @@ body.zen-mode-enable {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.md\:flex-nowrap {
.md\:flex-row {
@media (width >= 853px) {
flex-wrap: nowrap;
flex-direction: row;
}
}
.md\:justify-start {
@@ -3770,24 +3770,6 @@ a {
pre {
text-align: left;
}
.thumbnail, .thumbnail_card, .thumbnail_card_related, .thumbnail_card_term, .single_hero_basic, .single_hero_background {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.thumbnail {
min-width: 300px;
height: 180px;
}
.thumbnail_card {
height: 200px;
}
.thumbnail_card_related {
height: 150px;
}
.thumbnail_card_term {
height: 150px;
}
.single_hero_round {
max-height: 50vh;
object-fit: cover;
@@ -3799,7 +3781,23 @@ pre {
width: 100%;
height: 100%;
}
.thumbnailshadow {
.thumbnail--card {
min-width: 300px;
height: 200px;
}
.thumbnail--related {
height: 150px;
}
.thumbnail--simple {
width: 300px;
min-height: 180px;
}
@media (width < 853px) {
.thumbnail--simple {
width: 100%;
}
}
.thumbnail-shadow {
box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.3);
}
.anchor {
@@ -3813,20 +3811,11 @@ pre {
scroll-margin-top: 145px;
}
@media (width >= 640px) {
.thumbnail {
min-width: 100%;
height: 180px;
}
.article {
flex-wrap: wrap;
}
}
@media (width >= 853px) {
.thumbnail {
min-width: 300px;
min-height: 180px;
height: auto;
}
.article {
flex-wrap: nowrap;
}