Update default Card aspect-ratio

ekaterinburgdev · Aug 27, 2024 · 5c70404 · 5c70404
1 parent 357528a
commit 5c70404
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/client/components/Articles/Article/parseMarkdown.tsx b/client/components/Articles/Article/parseMarkdown.tsx
@@ -15,7 +15,7 @@ export default function parseMarkdown(html) {
     md.renderer.rules.csc = (tokens, index) => {
         if (tokens[index].tag === 'card') {
             const props = parseToObject(tokens[index].markup);
-            tokens[index].content = renderToString(<Card size="small" {...props} />);
+            tokens[index].content = renderToString(<Card {...props} />);
         }
 
         return defaultCscBodyRender(tokens, index);

diff --git a/client/components/MainPage/Card/Card.module.css b/client/components/MainPage/Card/Card.module.css
@@ -25,6 +25,7 @@
     transition: .15s ease background-color, .15s ease background-image, .15s ease filter;
     overflow: hidden;
     position: relative;
+    aspect-ratio: 4 / 3;
 }
 
 /* Preload hover images */