fix: image style

chriscurrycc · Jan 1, 2025 · 439be4a · 439be4a
1 parent 94d087b
commit 439be4a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/web/src/components/MemoContent/Image.tsx b/web/src/components/MemoContent/Image.tsx
@@ -18,7 +18,7 @@ const Image: React.FC<Props> = ({ altText, url, enablePhotoView = false }: Props
         alt={altText}
         decoding="async"
         loading="lazy"
-        className="max-h-[15rem] w-fit"
+        className="h-[15rem] object-contain"
         onClick={(e) => {
           // Disable opening the default preview image dialog.
           if (enablePhotoView) {

diff --git a/web/src/hooks/useScrollMask.tsx b/web/src/hooks/useScrollMask.tsx
@@ -58,7 +58,7 @@ export const useScrollMask = (containerRef: React.RefObject<HTMLElement>) => {
     ScrollMask: ({ className = "" }: { className?: string }) => (
       <>
         <span
-          className={`fixed w-4 bg-gradient-to-r from-white/80 to-transparent z-10 pointer-events-none opacity-0 transition-opacity duration-300 ease-in-out ${className}`}
+          className={`fixed w-4 bg-gradient-to-r from-white/80 to-transparent pointer-events-none opacity-0 transition-opacity duration-300 ease-in-out ${className}`}
           style={{
             left: maskState.maskPositions.left,
             top: maskState.maskPositions.top,
@@ -67,7 +67,7 @@ export const useScrollMask = (containerRef: React.RefObject<HTMLElement>) => {
           }}
         />
         <span
-          className={`fixed w-4 bg-gradient-to-l from-white/80 to-transparent z-10 pointer-events-none opacity-0 transition-opacity duration-300 ease-in-out ${className}`}
+          className={`fixed w-4 bg-gradient-to-l from-white/80 to-transparent pointer-events-none opacity-0 transition-opacity duration-300 ease-in-out ${className}`}
           style={{
             left: maskState.maskPositions.right,
             top: maskState.maskPositions.top,