diff --git a/pages/index.js b/pages/index.js index c0e1e8b..1d7b55f 100644 --- a/pages/index.js +++ b/pages/index.js @@ -3,7 +3,7 @@ import styles from "../styles/Home.module.css"; import Image from "next/image"; export default function Home() { - const [input, setInput] = useState(); + const [input, setInput] = useState("mumbai"); const [weatherData, setWeatherData] = useState(); const clickHandler = async () => { @@ -79,10 +79,10 @@ export default function Home() {

Feels like {Math.round(weatherData.main.feels_like)}°

-

+ {/*

{convertTime(weatherData.dt, weatherData.timezone)[0].split(":")[0]} :00 -

+ */} )}
diff --git a/styles/Home.module.css b/styles/Home.module.css index 46aa131..be74dd8 100644 --- a/styles/Home.module.css +++ b/styles/Home.module.css @@ -1,14 +1,12 @@ .wrapper { max-width: 1200px; - margin: 30px auto; + margin: 0px auto; text-align: center; - background: rgba(255, 255, 255, 0.95); box-shadow: 0 8px 32px 0 rgba(83, 89, 179, 0.37); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); border-radius: 30px; - /* border: 1px solid rgba(255, 255, 255, 0.18); */ display: grid; grid-template-columns: 1fr 2fr; } @@ -61,7 +59,7 @@ margin-bottom: 20px; height: 40px; width: 200px; - border: 2px solid rgb(218, 218, 218); + border: 2px solid rgb(230, 230, 230); padding: 0 10px; color: #c5c5c5; font-size: 20px;