1
0
Fork 0

Add infinite spinner

This commit is contained in:
lois Verheij 2025-03-18 15:42:07 +01:00
parent e3b816d85e
commit a5107a2862
2 changed files with 25 additions and 0 deletions
panel/src/panel

View file

@ -3,3 +3,24 @@ body
margin: 0
font-family: sans-serif
box-sizing: border-box
.loader
width: 48px
height: 48px
border: 5px solid #000
border-bottom-color: #FF3D00
border-radius: 50%
display: inline-block
box-sizing: border-box
animation: rotation 1s linear infinite
@keyframes rotation
0% { transform: rotate(0deg) }
100% { transform: rotate(360deg) }
#spinner-container
position: absolute
top: 50%
left: 50%
transform: translate(-50%, -50%)
display: block

View file

@ -7,5 +7,9 @@
<button class="button" type="submit" name="deploy">Deploy</button>
<button class="button" type="submit" name="save">Save</button>
<div id="spinner-container">
<span class="loader"></span>
</div>
</form>
{% endblock %}