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

18
pages/index.js
View File

@ -339,14 +339,16 @@ export default function Home() {
</div> </div>
) : weatherData && weatherData.message ? ( ) : weatherData && weatherData.message ? (
<div className={styles.errScr}> <div className={styles.errScr}>
<h1 style={{ marginBottom: "30px" }}>City not found, try again!</h1> <div>
<input <h1 style={{ marginBottom: "30px" }}>City not found, try again!</h1>
type="text" <input
className={styles.searchInput} type="text"
onFocus={(e) => (e.target.value = "")} className={styles.searchInput}
onChange={(e) => setInput(e.target.value)} onFocus={(e) => (e.target.value = "")}
onKeyDown={(e) => enterKeydown(e)} onChange={(e) => setInput(e.target.value)}
/> 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) {