diff --git a/.prettierrc b/.prettierrc index 7780def..58972b1 100644 --- a/.prettierrc +++ b/.prettierrc @@ -1,7 +1,7 @@ { "singleQuote": true, "trailingComma": "all", - "printWidth": 120, "useTabs": true, - "tabWidth": 2 + "tabWidth": 2, + "printWidth": 80 } diff --git a/apps/uikit/src/app/app.tsx b/apps/uikit/src/app/app.tsx index 9665b82..e547223 100644 --- a/apps/uikit/src/app/app.tsx +++ b/apps/uikit/src/app/app.tsx @@ -1,13 +1,72 @@ +import React from 'react'; +import * as Form from '@radix-ui/react-form'; import styled from 'styled-components'; +import { Theme, Button } from '@radix-ui/themes'; +import '@radix-ui/themes/styles.css'; +import './styles.css'; const StyledApp = styled.div` - // Your style here + display: flex; + flex-direction: column; + justify-items: center; + justify-content: space-between; + align-items: center; `; -export function App() { +export function App(): React.ReactElement { return (

Hello there

+ + + + + + + +
+ Email + + Please enter your email + + + Please provide a valid email + +
+ + + +
+ +
+ Question + + Please enter a question + +
+ +