devol/LinkStack
1
0
Fork 0
mirror of https://github.com/LinkStackOrg/LinkStack.git synced 2025-02-02 20:27:05 +01:00
Code Issues Packages Projects Releases Wiki Activity

Added animation to update button

Browse Source 
@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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
resources/views/studio/theme.blade.php
View File

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