fix(): Misc UI formatting fixes
* Fixes footer CSS * Fixes URL example * Increase URL timeout
This commit is contained in:
parent
698a631abb
commit
2b2545d348
2 changed files with 6 additions and 3 deletions
|
@ -49,7 +49,7 @@ export default function URLShortener() {
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
setShowInput(false);
|
setShowInput(false);
|
||||||
}, 10000);
|
}, 900000);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
}
|
}
|
||||||
|
@ -82,7 +82,7 @@ export default function URLShortener() {
|
||||||
<form className="url-input" onSubmit={ShortenIt}>
|
<form className="url-input" onSubmit={ShortenIt}>
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
placeholder="www.example.com"
|
placeholder="https://www.example.com"
|
||||||
aria-label="URL input field"
|
aria-label="URL input field"
|
||||||
value={url}
|
value={url}
|
||||||
onChange={(e) => setUrl(e.target.value)}
|
onChange={(e) => setUrl(e.target.value)}
|
||||||
|
|
|
@ -1,5 +1,8 @@
|
||||||
.footer {
|
.footer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px;
|
height: 100px;
|
||||||
background-color: var(--color-secondary);
|
background-color: var(--color-secondary);
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
Loading…
Reference in a new issue