From 53d96d2cb33aa3f5aa488efba3d79cb7504cabf5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BF=BD=E5=A6=82=E5=AF=84?= <594613537@qq.com>
Date: Fri, 25 Mar 2022 06:57:11 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E2=99=BB=EF=B8=8F=20Flex=20type=20?=
 =?UTF-8?q?(#3282)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: ♻️ Flex type

Change-Id: I9043fa71a94c6d691e075b983c263be39b5a4b9b

* fix: 💄 eslint

Change-Id: I2c41ea588b8152a354998ec69ae85798cd6f3ff4

* fix: 💄 lint

Change-Id: I9467ca89b3a3c83dbfa0422869528e86db8d4fab
---
 app/components/Flex.tsx | 15 +++------------
 1 file changed, 3 insertions(+), 12 deletions(-)

diff --git a/app/components/Flex.tsx b/app/components/Flex.tsx
index f61e01b52..ba3afef95 100644
--- 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;