tesses50/tytd2025
1
0
Fork 0
mirror of https://onedev.site.tesses.net/tytd2025 synced 2026-02-08 17:45:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix loading indicator

Browse Source
This commit is contained in:
Mike Nolan
2025-12-28 16:15:08 -06:00
parent dec21a7c5d
commit 8560529475
2 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
Tesses.YouTubeDownloader.Server/res/theme.css
View File

@@ -76,3 +76,11 @@ body.dark {
--surface-container-high:#2f2827; --surface-container-high:#2f2827;
--surface-container-highest:#3b3332; --surface-container-highest:#3b3332;
} }
.loading-indicator
{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

7
Tesses.YouTubeDownloader.Server/src/components/shell.tcross
View File

@@ -62,12 +62,13 @@ func Components.Shell(title, html, page, $mypage)
</nav> </nav>
<main class="responsive"> <main class="responsive">
<raw(html)>
</main>
<div class="htmx-indicator shape loading-indicator extra" id="loading-indicator"> <div class="htmx-indicator shape loading-indicator extra" id="loading-indicator">
<img class="responsive" src="./tytd.svg"> <img class="responsive" src="./tytd.svg">
</div> </div>
<raw(html)>
</main>
</body> </body>
</html>; </html>;