Skip to content

Commit fe78560

Browse files
committed
Added animation to update button
@MagicLike
1 parent 8e23234 commit fe78560

File tree

1 file changed

+14
-1
lines changed

1 file changed

+14
-1
lines changed

resources/views/studio/theme.blade.php

Lines changed: 14 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,18 @@
117117
table, th, td {
118118
border:1px solid black;
119119
}
120+
121+
.updatespin {
122+
animation: upspin 1s linear infinite;
123+
display:inline-block;
124+
}
125+
126+
@keyframes upspin {
127+
100% {
128+
transform: rotate(360deg)
129+
}
130+
}
131+
120132
</style>
121133
<br><br><br>
122134
<details>
@@ -200,7 +212,8 @@
200212
}} ?>
201213
</table>
202214
</div>
203-
<a href="{{url('update/theme')}}" class="mt-3 ml-3 btn btn-info"><i class="bi bi-arrow-repeat"></i> Update all themes</a><br><br>
215+
<a href="{{url('update/theme')}}" onclick="updateicon()" class="mt-3 ml-3 btn btn-info row"><span id="updateicon" class=""><i class="bi bi-arrow-repeat"></i></span> Update all themes</a><br><br>
216+
<script>function updateicon() { var element = document.getElementById("updateicon"); element.classList.add("updatespin");}</script>
204217
</details>
205218

206219
<?php

0 commit comments

Comments
 (0)