diff --git a/capacitor.config.json b/capacitor.config.json index be62513..729afe1 100644 --- a/capacitor.config.json +++ b/capacitor.config.json @@ -1,6 +1,6 @@ { "appId": "io.ionic.starter", - "appName": "myApp", + "appName": "Turtle", "bundledWebRuntime": false, "npmClient": "npm", "webDir": "build", diff --git a/ionic.config.json b/ionic.config.json index 75ee1ad..9b79470 100644 --- a/ionic.config.json +++ b/ionic.config.json @@ -1,5 +1,5 @@ { - "name": "myApp", + "name": "Turtle", "integrations": { "capacitor": {} }, diff --git a/package.json b/package.json index 767ba23..8b77245 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "myApp", + "name": "Turtle", "version": "0.0.1", "private": true, "dependencies": { diff --git a/src/App.tsx b/src/App.tsx index c681113..9c7a3b4 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -27,8 +27,7 @@ const App: React.FC = () => ( - - } /> + diff --git a/src/components/ExploreContainer.css b/src/components/ExploreContainer.css deleted file mode 100644 index e99f514..0000000 --- a/src/components/ExploreContainer.css +++ /dev/null @@ -1,24 +0,0 @@ -.container { - text-align: center; - position: absolute; - left: 0; - right: 0; - top: 50%; - transform: translateY(-50%); -} - -.container strong { - font-size: 20px; - line-height: 26px; -} - -.container p { - font-size: 16px; - line-height: 22px; - color: #8c8c8c; - margin: 0; -} - -.container a { - text-decoration: none; -} \ No newline at end of file diff --git a/src/components/ExploreContainer.tsx b/src/components/ExploreContainer.tsx deleted file mode 100644 index 0bbb3a9..0000000 --- a/src/components/ExploreContainer.tsx +++ /dev/null @@ -1,15 +0,0 @@ -import React from 'react'; -import './ExploreContainer.css'; - -interface ContainerProps { } - -const ExploreContainer: React.FC = () => { - return ( -
- Ready to create an app? -

Start with Ionic UI Components

-
- ); -}; - -export default ExploreContainer; diff --git a/src/pages/Home.css b/src/pages/Home.css index e69de29..9747151 100644 --- a/src/pages/Home.css +++ b/src/pages/Home.css @@ -0,0 +1,14 @@ +ion-button { + text-align: center; + justify-content: center; + margin: 30% 10% 0 10%; + width: 100%; +} + +ion-toolbar { + text-align: center; +} + +ion-grid { + max-width: 500px; +} diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index d791bb1..83a634b 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -1,23 +1,23 @@ -import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react'; +import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar, IonButton, IonGrid, IonRow } from '@ionic/react'; import React from 'react'; -import ExploreContainer from '../components/ExploreContainer'; import './Home.css'; const Home: React.FC = () => { + async function handleSubmit() {} + return ( - Blank + Turtle - - - Blank - - - + + + Create Room + + );