|
|
@@ -7,7 +7,7 @@
|
|
|
<span>Create NFTs</span>
|
|
|
</div>
|
|
|
<div class="login disabled" v-else>
|
|
|
- <img class="add" src="../static/img/header-add.svg" alt="" />
|
|
|
+ <img class="add loading" src="../static/img/header-loading.svg" alt="" />
|
|
|
<span>Create NFTs</span>
|
|
|
</div>
|
|
|
<div class="down" @click="install">
|
|
|
@@ -185,6 +185,9 @@ const twitterLogin = (data: { authToken: string, consumerKey: string }) => {
|
|
|
.add {
|
|
|
width: 20px;
|
|
|
margin-right: 4px;
|
|
|
+ &.loading {
|
|
|
+ animation: rotate 1s infinite linear;
|
|
|
+ }
|
|
|
}
|
|
|
&.disabled {
|
|
|
opacity: .5;
|
|
|
@@ -212,4 +215,13 @@ const twitterLogin = (data: { authToken: string, consumerKey: string }) => {
|
|
|
height: 60px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+@keyframes rotate {
|
|
|
+ 0% {
|
|
|
+ transform: rotate(0deg)
|
|
|
+ }
|
|
|
+ 100% {
|
|
|
+ transform: rotate(360deg)
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
