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

@@ -75,4 +75,12 @@ body.dark {
--surface-container:#251e1d; --surface-container:#251e1d;
--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%);
} }

9
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">
<div class="htmx-indicator shape loading-indicator extra" id="loading-indicator">
<img class="responsive" src="./tytd.svg">
</div>
<raw(html)> <raw(html)>
</main> </main>
<div class="htmx-indicator shape loading-indicator extra" id="loading-indicator">
<img class="responsive" src="./tytd.svg">
</div>
</body> </body>
</html>; </html>;