add loading state to makeContribution button

This commit is contained in:
Danil Kovtonyuk 2020-01-30 03:48:59 +10:00
parent 86b84773ee
commit c484146d2a
4 changed files with 15 additions and 23 deletions

View File

@ -59,5 +59,19 @@
&.is-primary.is-outlined {
background-color: rgba($primary, .104);
&.is-loading:focus {
background-color: rgba($primary, .104);
&::after {
border-color: transparent transparent $primary $primary !important;
}
}
}
&.is-loading {
&::after {
border-radius: 100%;
}
}
}

View File

@ -21,7 +21,6 @@
"crypto": "^1.0.1",
"dotenv": "^8.2.0",
"express": "^4.16.4",
"express-fileupload": "^1.1.6",
"express-session": "^1.17.0",
"morgan": "^1.9.1",
"multer": "^1.4.2",

View File

@ -3,7 +3,7 @@
<div class="title is-size-1">Hello, Anonymous</div>
<div class="buttons is-centered">
<b-button
:disable="isContributeBtnDisabled"
:loading="isContributeBtnDisabled"
@click="makeContribution"
type="is-primary"
outlined

View File

@ -2023,13 +2023,6 @@ busboy@^0.2.11:
dicer "0.2.5"
readable-stream "1.1.x"
busboy@^0.3.1:
version "0.3.1"
resolved "https://registry.yarnpkg.com/busboy/-/busboy-0.3.1.tgz#170899274c5bf38aae27d5c62b71268cd585fd1b"
integrity sha512-y7tTxhGKXcyBxRKAni+awqx8uqaJKrSFSNFSeRG5CsWNdmy2BIK+6VGWEW7TZnIO/533mtMEA4rOevQV815YJw==
dependencies:
dicer "0.3.0"
bytes@3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"
@ -3105,13 +3098,6 @@ dicer@0.2.5:
readable-stream "1.1.x"
streamsearch "0.1.2"
dicer@0.3.0:
version "0.3.0"
resolved "https://registry.yarnpkg.com/dicer/-/dicer-0.3.0.tgz#eacd98b3bfbf92e8ab5c2fdb71aaac44bb06b872"
integrity sha512-MdceRRWqltEG2dZqO769g27N/3PXfcKl04VhYnBlo2YhH7zPi88VebsjTKclaOyiuMaGU72hTfw3VkUitGcVCA==
dependencies:
streamsearch "0.1.2"
diffie-hellman@^5.0.0:
version "5.0.3"
resolved "https://registry.yarnpkg.com/diffie-hellman/-/diffie-hellman-5.0.3.tgz#40e8ee98f55a2149607146921c63e1ae5f3d2875"
@ -3720,13 +3706,6 @@ expand-brackets@^2.1.4:
snapdragon "^0.8.1"
to-regex "^3.0.1"
express-fileupload@^1.1.6:
version "1.1.6"
resolved "https://registry.yarnpkg.com/express-fileupload/-/express-fileupload-1.1.6.tgz#0ac2659ad8c1128c92c8580fd6e15b8b15343db0"
integrity sha512-w24zPWT8DkoIxSVkbxYPo9hkTiLpCQQzNsLRTCnecBhfbYv+IkIC5uLw2MIUAxBZ+7UMmXPjGxlhzUXo4RcbZw==
dependencies:
busboy "^0.3.1"
express-session@^1.17.0:
version "1.17.0"
resolved "https://registry.yarnpkg.com/express-session/-/express-session-1.17.0.tgz#9b50dbb5e8a03c3537368138f072736150b7f9b3"