update

andyluss · Jan 3, 2025 · b39b845 · b39b845
1 parent b48a6ae
commit b39b845
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 41 deletions.
diff --git a/src/cards/HomeCard.astro b/src/cards/HomeCard.astro
@@ -4,7 +4,7 @@ interface Props {
   height: string;
 }
 
-const { width = "100px", height = "100px" } = Astro.props;
+const { width = "128px", height = "128px" } = Astro.props;
 ---
 
 <div class="card">

diff --git a/src/cards/LevelCard.astro b/src/cards/LevelCard.astro
@@ -2,25 +2,25 @@
 import type { Collection, Level, LevelItem, Tag } from "../utils/content";
 
 interface Props {
-  level: Level;
-  levels: LevelItem[];
-  collection: Collection;
-  tag?: Tag;
-  width?: string;
-  height?: string;
+	level: Level;
+	levels: LevelItem[];
+	collection: Collection;
+	tag?: Tag;
+	width?: string;
+	height?: string;
 }
 
 const {
-  level,
-  levels,
-  collection,
-  tag,
-  width = "256px",
-  height = "128px",
+	level,
+	levels,
+	collection,
+	tag,
+	width = "256px",
+	height = "128px",
 } = Astro.props;
 ---
 
-<ul class="card list-none p-0 m-0 flex flex-wrap">
+<ul class="list-none p-0 m-0 flex flex-wrap" style={{width, height}}>
   {
     levels.map(([lvl, count]) => (
       <li
@@ -39,10 +39,3 @@ const {
     ))
   }
 </ul>
-
-<style define:vars={{ width, height }}>
-  .card {
-    width: var(--width);
-    height: var(--height);
-  }
-</style>
diff --git a/src/cards/TagCard.astro b/src/cards/TagCard.astro
@@ -2,25 +2,25 @@
 import type { Collection, Level, Tag, TagItem } from "../utils/content";
 
 interface Props {
-  tag: Tag;
-  tags: TagItem[];
-  collection: Collection;
-  level?: Level;
-  width?: string;
-  height?: string;
+	tag: Tag;
+	tags: TagItem[];
+	collection: Collection;
+	level?: Level;
+	width?: string;
+	height?: string;
 }
 
 const {
-  tag,
-  tags,
-  collection,
-  level,
-  width = "512px",
-  height = "128px",
+	tag,
+	tags,
+	collection,
+	level,
+	width = "512px",
+	height = "128px",
 } = Astro.props;
 ---
 
-<ul class="card list-none p-0 m-0 flex flex-wrap">
+<ul class="card list-none p-0 m-0 flex flex-wrap" style={{width, height}}>
   {
     tags
       .sort((a, b) => b[1] - a[1])
@@ -41,10 +41,3 @@ const {
       ))
   }
 </ul>
-
-<style define:vars={{ width, height }}>
-  .card {
-    width: var(--width);
-    height: var(--height);
-  }
-</style>