refactor: some loading optimization

lsst-epo · Jan 29, 2025 · e7c4bad · e7c4bad
1 parent 1a2546d
commit e7c4bad
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/components/organisms/gallery/PreviewGrid/index.tsx b/components/organisms/gallery/PreviewGrid/index.tsx
@@ -87,6 +87,7 @@ const PreviewGridContent: FunctionComponent<PreviewGridProps> = async ({
               alt={assetAlt(additional, locale)}
               priority={i < 10}
               quality={80}
+              className={styles.image}
             />
             <div className={styles.titleCard}>
               {assetTitle(additional, locale) || name}

diff --git a/components/organisms/gallery/PreviewGrid/styles.module.css b/components/organisms/gallery/PreviewGrid/styles.module.css
@@ -16,6 +16,10 @@
   }
 }
 
+.image {
+  content-visibility: auto;
+}
+
 .titleCard {
   position: absolute;
   bottom: 0;
@@ -30,6 +34,7 @@
   transition: var(--time-transition-base) transform;
   transform: var(--translate-card, translateY(100%));
   width: 100%;
+  word-break: break-word;
 
   @media (prefers-reduced-transparency: no-preference) {
     --opacity-background-title: 0.8;