From 385340ad5201ae1c28e23b7f72ce3c4c00e0105f Mon Sep 17 00:00:00 2001 From: Araozu Date: Mon, 6 May 2024 18:32:31 -0500 Subject: [PATCH] Component for a card --- index.html | 2 +- src/components/Card.tsx | 13 +++++++++++++ src/components/icons/ClubIcon.tsx | 7 +++++++ src/components/icons/JokerIcon.tsx | 25 +++++++++++++++++++++++++ src/pages/Index.tsx | 16 +++++++--------- tailwind.config.js | 3 +++ 6 files changed, 56 insertions(+), 10 deletions(-) create mode 100644 src/components/Card.tsx create mode 100644 src/components/icons/ClubIcon.tsx create mode 100644 src/components/icons/JokerIcon.tsx diff --git a/index.html b/index.html index 3ae5949..6353ad3 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ Card-jong - + diff --git a/src/components/Card.tsx b/src/components/Card.tsx new file mode 100644 index 0000000..188757c --- /dev/null +++ b/src/components/Card.tsx @@ -0,0 +1,13 @@ +import { ClubIcon } from "./icons/ClubIcon"; +import { JokerIcon } from "./icons/JokerIcon"; + +export function Card() { + return ( +
+ + 1 + + +
+ ); +} diff --git a/src/components/icons/ClubIcon.tsx b/src/components/icons/ClubIcon.tsx new file mode 100644 index 0000000..3d28d32 --- /dev/null +++ b/src/components/icons/ClubIcon.tsx @@ -0,0 +1,7 @@ +export function ClubIcon(props: {class: string, fill: string}) { + return ( + + + + ); +} diff --git a/src/components/icons/JokerIcon.tsx b/src/components/icons/JokerIcon.tsx new file mode 100644 index 0000000..1ad49fd --- /dev/null +++ b/src/components/icons/JokerIcon.tsx @@ -0,0 +1,25 @@ + +export function JokerIcon(props: {class: string, fill: string}) { + return ( + /* + + + */ + + + + ); +} + + diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx index c2d1020..2a6e3ec 100644 --- a/src/pages/Index.tsx +++ b/src/pages/Index.tsx @@ -1,6 +1,7 @@ import { A } from "@solidjs/router"; import { createSignal, onMount, Show } from "solid-js"; import { backend, UserInfo } from "../utils"; +import { Card } from "../components/Card"; export function Index() { @@ -91,15 +92,12 @@ export function Index() { Go to game rules - - ); -} - - -function Registration() { - return ( -
- :D +
+
+ + + +
); } diff --git a/tailwind.config.js b/tailwind.config.js index 8de6e9f..50ed99c 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -11,6 +11,9 @@ module.exports = { "c-bg-2": "var(--c-bg-2)", "c-border-1": "var(--c-border-1)", }, + fontFamily: { + "sans-serif": ["'Secular One'", "'sans-serif'"], + }, }, }, plugins: [],