Added animation to update button

@MagicLike
This commit is contained in:
Julian Prieber 2022-09-14 16:22:48 +02:00
parent 8e232344d7
commit fe78560368
1 changed files with 14 additions and 1 deletions

View File

@ -117,6 +117,18 @@ summary {
table, th, td {
border:1px solid black;
}
.updatespin {
animation: upspin 1s linear infinite;
display:inline-block;
}
@keyframes upspin {
100% {
transform: rotate(360deg)
}
}
</style>
<br><br><br>
<details>
@ -200,7 +212,8 @@ table, th, td {
}} ?>
</table>
</div>
<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>
<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>
<script>function updateicon() { var element = document.getElementById("updateicon"); element.classList.add("updatespin");}</script>
</details>
<?php