diff --git a/src/Components/IsNiftyOpenApp/App.css b/src/Components/IsNiftyOpenApp/App.css index c5c6e8a..17e1323 100644 --- a/src/Components/IsNiftyOpenApp/App.css +++ b/src/Components/IsNiftyOpenApp/App.css @@ -1,28 +1,9 @@ .App { - text-align: center; + width: 100%; + height: 100%; } -.App-logo { - animation: App-logo-spin infinite 20s linear; - height: 80px; -} - -.App-header { - background-color: #222; - height: 150px; - padding: 20px; - color: white; -} - -.App-title { - font-size: 1.5em; -} - -.App-intro { - font-size: large; -} - -@keyframes App-logo-spin { - from { transform: rotate(0deg); } - to { transform: rotate(360deg); } +.App .OpenToday-container { + width: 100%; + height: 60%; } diff --git a/src/Components/IsNiftyOpenApp/App.tsx b/src/Components/IsNiftyOpenApp/App.tsx index 2dfae97..9234449 100644 --- a/src/Components/IsNiftyOpenApp/App.tsx +++ b/src/Components/IsNiftyOpenApp/App.tsx @@ -3,20 +3,13 @@ import './App.css'; import { OpenToday } from '../OpenToday'; import { allHolidays } from '../../Data'; -const logo = require('./logo.svg'); - class IsNiftyOpenApp extends React.Component { render() { return (
-
- logo -

Welcome to React

-
-

- To get started, edit src/App.tsx and save to reload. -

- +
+ +
); }