FrigaT/PlaylistShared
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Темная тема при загрузке

Browse Source
This commit is contained in:
FrigaT
2026-04-14 05:42:10 +03:00
parent 41e0fd0563
commit fd3ed2f317
2 changed files with 72 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
PlaylistShared.Pwa/wwwroot/index.html
View File

@@ -16,6 +16,74 @@
<link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" /> <link rel="apple-touch-icon" sizes="512x512" href="icon-512.png" />
<link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" /> <link rel="apple-touch-icon" sizes="192x192" href="icon-192.png" />
<script type="importmap"></script> <script type="importmap"></script>
<style>
html, body {
background-color: #1a1a27 !important;
margin: 0;
padding: 0;
height: 100%;
}
/* Кастомный спиннер в стиле MudBlazor (тёмная тема) */
.loading-progress {
position: relative;
display: block;
width: 64px;
height: 64px;
margin: 0 auto;
}
.loading-progress circle {
fill: none;
stroke: #2a2833;
stroke-width: 4;
transform-origin: 50% 50%;
animation: spin 1.5s linear infinite;
}
.loading-progress circle:last-child {
stroke: #7e6fff;
stroke-dasharray: 126;
stroke-dashoffset: 126;
animation: dash 1.5s ease-in-out infinite;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes dash {
0% {
stroke-dashoffset: 126;
}
50% {
stroke-dashoffset: 63;
transform: rotate(135deg);
}
100% {
stroke-dashoffset: 126;
transform: rotate(450deg);
}
}
.loading-progress-text {
text-align: center;
margin-top: 16px;
color: #b2b0bf;
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
/* Убираем белые вспышки */
#app {
background-color: #1a1a27;
min-height: 100vh;
}
</style>
</head> </head>
<body> <body>
@@ -28,8 +96,8 @@
</div> </div>
<div id="blazor-error-ui"> <div id="blazor-error-ui">
An unhandled error has occurred. Произошла необработанная ошибка.
<a href="." class="reload">Reload</a> <a href="." class="reload">Перезагрузить</a>
<span class="dismiss">🗙</span> <span class="dismiss">🗙</span>
</div> </div>
<script src="_content/Microsoft.AspNetCore.Components.WebAssembly.Authentication/AuthenticationService.js"></script> <script src="_content/Microsoft.AspNetCore.Components.WebAssembly.Authentication/AuthenticationService.js"></script>

4
PlaylistShared.Pwa/wwwroot/manifest.webmanifest
View File

@@ -1,6 +1,6 @@
{ {
"name": "PlaylistShared.Pwa", "name": "Playlist Shared",
"short_name": "PlaylistShared.Pwa", "short_name": "PlaylistShare",
"id": "./", "id": "./",
"start_url": "./", "start_url": "./",
"display": "standalone", "display": "standalone",