refactor: ♻️ Flex type (#3282)

* refactor: ♻️ Flex type Change-Id: I9043fa71a94c6d691e075b983c263be39b5a4b9b * fix: 💄 eslint Change-Id: I2c41ea588b8152a354998ec69ae85798cd6f3ff4 * fix: 💄 lint Change-Id: I9467ca89b3a3c83dbfa0422869528e86db8d4fab
2022-03-25 06:57:11 +08:00
parent 8aa25fd7d6
commit 53d96d2cb3
1 changed files with 3 additions and 12 deletions
--- a/app/components/Flex.tsx
+++ b/app/components/Flex.tsx
@@ -1,18 +1,9 @@
+import { CSSProperties } from "react";
 import styled from "styled-components";

-type JustifyValues =
-  | "center"
-  | "space-around"
-  | "space-between"
-  | "flex-start"
-  | "flex-end";
+type JustifyValues = CSSProperties["justifyContent"];

-type AlignValues =
-  | "stretch"
-  | "center"
-  | "baseline"
-  | "flex-start"
-  | "flex-end";
+type AlignValues = CSSProperties["alignItems"];

 const Flex = styled.div<{
  auto?: boolean;