Loading circle
This commit is contained in:
@@ -12,6 +12,9 @@
|
|||||||
<body>
|
<body>
|
||||||
<h1 class="green ml4">Consuming Promises</h1>
|
<h1 class="green ml4">Consuming Promises</h1>
|
||||||
<a class="green ml4 pb4" href="./home">Back to home</a>
|
<a class="green ml4 pb4" href="./home">Back to home</a>
|
||||||
|
<div class="waiting hidden ml4 pa4">
|
||||||
|
<h2>Waiting...</h2>
|
||||||
|
</div>
|
||||||
<div class="flex w-50 pa4">
|
<div class="flex w-50 pa4">
|
||||||
<button class="bg-green mr2" onclick="get()">Success GET</button>
|
<button class="bg-green mr2" onclick="get()">Success GET</button>
|
||||||
<button class="bg-green mr2" onclick="getCatch()">Failed GET</button>
|
<button class="bg-green mr2" onclick="getCatch()">Failed GET</button>
|
||||||
|
|||||||
11
src/site.css
11
src/site.css
@@ -58,3 +58,14 @@ div.results {
|
|||||||
.purple {
|
.purple {
|
||||||
color: #675BA7
|
color: #675BA7
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.waiting {
|
||||||
|
background: #9BC850;
|
||||||
|
position: absolute;
|
||||||
|
top: 47%;
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user