feat: add basic ui

This commit is contained in:
Yidadaa
2023-03-10 01:01:40 +08:00
parent 0decdb3e43
commit d49b2aa2c3
26 changed files with 4500 additions and 463 deletions

25
app/components/button.tsx Normal file
View File

@@ -0,0 +1,25 @@
import * as React from "react";
import styles from "./button.module.css";
export function IconButton(props: {
onClick?: () => void;
icon: JSX.Element;
text?: string;
bordered?: boolean;
className?: string;
}) {
return (
<div
className={
styles["icon-button"] +
` ${props.bordered && styles.border} ${props.className ?? ""}`
}
>
<div className={styles["icon-button-icon"]}>{props.icon}</div>
{props.text && (
<div className={styles["icon-button-text"]}>{props.text}</div>
)}
</div>
);
}