feat: enhance modal image handling and SEO improvements

- Optimized modal image dimensions for better responsiveness
- Ensured modal images maintain aspect ratio and scale appropriately
- Added eager loading for header images to improve initial load performance
- Corrected GitHub link title typo for SEO accuracy
- Enhanced post content handling by normalizing emoji styles and search link paths
- Improved cache key management for channel info requests to include type and ID
- Streamlined channel info fetching logic for efficiency
- Updated breadcrumb image handling to support static proxy and void file fallback
This commit is contained in:
ccbikai
2024-08-05 12:05:19 +08:00
parent 10fe7b3da3
commit bfb8974612
6 changed files with 47 additions and 13 deletions

View File

@@ -41,13 +41,22 @@
.modal-img {
margin: auto;
max-width: calc(100% - 40px);
max-height: calc(100% - 40px);
max-width: calc(100% - 40px) !important;
max-height: calc(100% - 40px) !important;
border-radius: var(--media-border-radius);
border: 1px solid var(--border-color);
box-shadow: var(--shadows);
cursor: pointer;
object-fit: scale-down;
}
@media screen and (min-width: 600px) {
.modal-img {
max-width: calc(100% - 80px) !important;
max-height: calc(100% - 80px) !important;
}
}
.search-icon {
position: absolute;
top: 20px;