fix: example button position

pknu-wap · Dec 1, 2022 · c55b155 · c55b155
1 parent b2a20c6
commit c55b155
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 7 deletions.
diff --git a/example/react-ts/package.json b/example/react-ts/package.json
@@ -14,7 +14,7 @@
     "framer-motion": "^7.6.15",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "wap-ui": "^1.0.0-beta.26"
+    "wap-ui": "^1.0.0-beta.28"
   },
   "devDependencies": {
     "@types/react": "^18.0.24",

diff --git a/example/react-ts/src/App.tsx b/example/react-ts/src/App.tsx
@@ -1,9 +1,10 @@
+import styled from '@emotion/styled';
 import { Button, Modal, useDisclosure } from 'wap-ui';
 
 function App() {
   const { isOpen, onClose, onOpen } = useDisclosure();
   return (
-    <>
+    <Container>
       <Button color="error" shadow onClick={onOpen}>
         Button
       </Button>
@@ -27,8 +28,16 @@ function App() {
           </Button>
         </Modal.Footer>
       </Modal>
-    </>
+    </Container>
   );
 }
 
+const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100vh;
+`;
+
 export default App;
diff --git a/example/react-ts/yarn.lock b/example/react-ts/yarn.lock
@@ -1092,10 +1092,10 @@ vite@^3.2.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
-wap-ui@^1.0.0-beta.26:
-  version "1.0.0-beta.26"
-  resolved "https://registry.yarnpkg.com/wap-ui/-/wap-ui-1.0.0-beta.26.tgz#f3a1c2ea48737b361b6730343f0a2cfc9325480a"
-  integrity sha512-MvZ9XSG0Cz5bBgL6CF9oyZdykI+yfVoBOLUgrnpIOpuYpVH+gsRUFQrCwOR1OlRR/D6CVBbtWsIeMvP5ahjgqA==
+wap-ui@^1.0.0-beta.28:
+  version "1.0.0-beta.28"
+  resolved "https://registry.yarnpkg.com/wap-ui/-/wap-ui-1.0.0-beta.28.tgz#e71b30e1ab3d0d3a5ad4bf7349cfecf7111130fd"
+  integrity sha512-EHDZApxOSkTVOgpNOYsuHilireEuk4fT+zBotWy6Hfzc0d4/CRFpKG9xP+3uOm0QFAeUiXtSS2GLcXHCAV+ucg==
 
 yaml@^1.10.0:
   version "1.10.2"