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

err scr fix

Browse Source
This commit is contained in:
madarsbiss 2021-08-03 14:01:36 +03:00
parent b33a6ac6b2
commit cd76f6783a
2 changed files with 20 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/index.js
View File

@ -339,6 +339,7 @@ export default function Home() {
</div> </div>
) : weatherData && weatherData.message ? ( ) : weatherData && weatherData.message ? (
<div className={styles.errScr}> <div className={styles.errScr}>
<div>
<h1 style={{ marginBottom: "30px" }}>City not found, try again!</h1> <h1 style={{ marginBottom: "30px" }}>City not found, try again!</h1>
<input <input
type="text" type="text"
@ -348,6 +349,7 @@ export default function Home() {
onKeyDown={(e) => enterKeydown(e)} onKeyDown={(e) => enterKeydown(e)}
/> />
</div> </div>
</div>
) : ( ) : (
<h1>Loading data...</h1> <h1>Loading data...</h1>
); );

11
styles/Home.module.css
View File

@ -74,7 +74,6 @@
font-size: 20px; font-size: 20px;
text-align: right; text-align: right;
border-radius: 10px; border-radius: 10px;
/* border: 2px solid black; */
font-family: "Varela Round", sans-serif; font-family: "Varela Round", sans-serif;
font-size: 18px; font-size: 18px;
} }
@ -91,6 +90,16 @@
.errScr { .errScr {
text-align: center; text-align: center;
height: 100vh;
max-width: 300px;
display: grid;
place-items: center;
padding: 20px;
margin: 0 auto;
}
.errSearchInput {
max-width: 100%;
} }
@media only screen and (max-width: 950px) { @media only screen and (max-width: 950px) {