Commit eb8dbeef authored by LAFORÊT Nicolas's avatar LAFORÊT Nicolas 🐇
Browse files

Base interface

parent c1e0046c
import React from 'react';
import logo from './logo.svg';
import './App.css';
function App() {
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.js</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
<div className="flex justify-center">
<div className="text-white">
<div className="w-128 max-w-lg font-sans overflow-hidden bg-gray-900 shadow-lg" >
<div className="flex items-center justify-between px-6 py-8"><div className="flex items-center">
<div>
<div className="text-6xl font-semibold">8°C</div>
<div>Feels like 2°C</div>
</div>
<div className="mx-5">
<div className="font-semibold">Cloudy</div>
<div>Toronto, Canada</div>
</div>
</div>
<div>ICON</div>
</div>
<div className="text-sm bg-gray-800 overflow-hidden"> {[1, 2, 3, 4, 5].map((value, index) => (
<div className="flex items-center px-6 py-4" // className:bg-gray-700={index % 2}
>
<div className="w-1/6 text-lg text-gray-200">DOW : {value}</div>
<div className="flex items-center w-2/3 px-4">
<div>ICON</div>
<div className="ml-3">Cloudy with a chance of showers</div>
</div>
<div className="w-1/6 text-right">
<div>5°C</div>
<div>-2°C</div>
</div>
</div>))}
</div>
</div>
</div>
</div>
);
}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment