beenull/raspap-webgui-mirror
1
0
Fork 0
mirror of https://github.com/RaspAP/raspap-webgui.git synced 2024-11-21 15:10:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Replace loading-spinner.gif w/ fontawesome circle-notch icon

Browse source
This commit is contained in:
billz 2023-12-02 18:15:03 +00:00
parent 69b629a59b
commit 781a292b67
4 changed files with 25 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/css/all.css
View file

@ -110,10 +110,31 @@ License: GNU General Public License v3.0
margin-bottom: 0.5em;
}
.loading-spinner {
background: url("../../app/img/loading-spinner.gif") no-repeat scroll center center transparent;
min-height: 450px;
#wifiClientContent #wpaConf {
min-height: calc(100vh / 3);
}
.loading-spinner::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100vh / 4);
display: flex;
justify-content: center;
align-items: center;
color: #858796;
content: "\f1ce"; /* Unicode for the circle-notch icon */
font-family: "Font Awesome 5 Free";
font-weight: 900; /* Adjust as needed */
font-size: 54px; /* Adjust icon size as needed */
animation: spin 1.5s linear infinite;
width: 100%;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@media (min-width: 576px) {

BIN
app/img/loading-spinner.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 2 KiB

BIN
app/img/no-trace-200x200.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 32 KiB

2
templates/configure_client.php
View file

@ -24,7 +24,7 @@
<button type="button" class="btn btn-info float-right js-reload-wifi-stations"><?php echo _("Rescan"); ?></button>
</div>
</div>
<div class="row">
<div class="row" id="wpaConf">
<div class="col">
<form method="POST" action="wpa_conf" name="wpa_conf_form">
<?php echo CSRFTokenFieldTag() ?>