diff --git a/res/sprite/map.svg b/res/sprite/map.svg
new file mode 100644
index 00000000..b16e847b
--- /dev/null
+++ b/res/sprite/map.svg
@@ -0,0 +1,221 @@
+
+
+
+
diff --git a/res/sprite/sprite.json b/res/sprite/sprite.json
index d8468266..51ff2f26 100644
--- a/res/sprite/sprite.json
+++ b/res/sprite/sprite.json
@@ -115,6 +115,10 @@
"width": "24",
"height": "24"
},
+ "map": {
+ "width": "296",
+ "height": "420"
+ },
"mobile": {
"width": "24",
"height": "24"
diff --git a/src/components/Sprite.astro b/src/components/Sprite.astro
index b167cce3..4b245d45 100644
--- a/src/components/Sprite.astro
+++ b/src/components/Sprite.astro
@@ -1,18 +1,21 @@
---
+import type { HTMLAttributes } from "astro/types";
import SpriteData from "../../res/sprite/sprite.json";
type Props = {
name: keyof typeof SpriteData;
class?: string;
+ style?: HTMLAttributes<"svg">["style"];
viewBox?: string;
};
const dimensions = SpriteData[Astro.props.name];
-const { class: className, viewBox, name: spriteName } = Astro.props;
+const { class: className, style, viewBox, name: spriteName } = Astro.props;
---