feat(web): tailwind css (#1147)

2022-06-28 02:50:52 +05:30
parent 0ead805412
commit b80038f607
201 changed files with 1824 additions and 2699 deletions
--- a/packages/web/src/javascripts/Components/IndicatorCircle/IndicatorCircle.tsx
+++ b/packages/web/src/javascripts/Components/IndicatorCircle/IndicatorCircle.tsx
@@ -0,0 +1,18 @@
+type Props = {
+  style: 'neutral' | 'info' | 'danger'
+}
+
+const baseClassNames = 'border border-solid w-3 h-3 p-0 rounded-full flex-shrink-0'
+
+const IndicatorCircle = ({ style }: Props) => {
+  switch (style) {
+    case 'neutral':
+      return <div className={`${baseClassNames} bg-neutral border-neutral`} />
+    case 'info':
+      return <div className={`${baseClassNames} bg-info border-info`} />
+    case 'danger':
+      return <div className={`${baseClassNames} bg-danger border-danger`} />
+  }
+}
+
+export default IndicatorCircle