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;