u

src/components/article/ArticlePhoto.jsx

@@ -26,7 +26,7 @@ class ArticlePhoto extends Component {
   }
 
   render() {
-    const { photo } = this.props;
+    const { photo, size = 200 } = this.props;
     const { thumbLoaded } = this.state;
     const fullHash = photo?.fullHash;
     const hasPreview = photo?.thumbHash != null;
@@ -39,8 +39,8 @@ class ArticlePhoto extends Component {
       <Box
         sx={{
           position: 'relative',
-          width: 200,
-          height: 200,
+          width: size,
+          height: size,
           maxWidth: '100%',
           display: 'flex',
           alignItems: 'center',
@@ -48,6 +48,7 @@ class ArticlePhoto extends Component {
           borderRadius: 2,
           overflow: 'hidden',
           bgcolor: 'rgba(0, 0, 0, 0.35)',
+          flexShrink: 0,
         }}
       >
         {hasPreview && !thumbLoaded ? (