Mathis/forecast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit css

Browse Source
This commit is contained in:
madarsbiss 2021-07-20 22:25:32 +03:00
parent 193599ead7
commit cff9607214
2 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
pages/index.js
View File

@ -3,7 +3,7 @@ import styles from "../styles/Home.module.css";
import Image from "next/image"; import Image from "next/image";
export default function Home() { export default function Home() {
const [input, setInput] = useState(); const [input, setInput] = useState("mumbai");
const [weatherData, setWeatherData] = useState(); const [weatherData, setWeatherData] = useState();
const clickHandler = async () => { const clickHandler = async () => {
@ -79,10 +79,10 @@ export default function Home() {
</h1> </h1>
<p>Feels like {Math.round(weatherData.main.feels_like)}°</p> <p>Feels like {Math.round(weatherData.main.feels_like)}°</p>
<h3> {/* <h2>
{convertTime(weatherData.dt, weatherData.timezone)[0].split(":")[0]} {convertTime(weatherData.dt, weatherData.timezone)[0].split(":")[0]}
:00 :00
</h3> </h2> */}
</div> </div>
)} )}
<div className={styles.statsWrapper}> <div className={styles.statsWrapper}>

6
styles/Home.module.css
View File

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