From 9da342be3edfdcd237a84d619456b4c42c294bc6 Mon Sep 17 00:00:00 2001
From: FrigaT <m.surov@automacon.ru>
Date: Wed, 15 Apr 2026 20:31:50 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=20flex.=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=8B=20=D1=82=D0=B8=D1=82=D0=BB=D1=8B=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 PlaylistShared.Pwa/Pages/Favorites.razor          |  2 ++
 PlaylistShared.Pwa/Pages/Home.razor               |  2 +-
 PlaylistShared.Pwa/Pages/MyPlaylists.razor        |  2 ++
 PlaylistShared.Pwa/Pages/Profile.razor            |  2 ++
 PlaylistShared.Pwa/Pages/SharedPlaylistView.razor |  2 ++
 PlaylistShared.Pwa/wwwroot/index.html             | 15 +++++++++++++--
 6 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/PlaylistShared.Pwa/Pages/Favorites.razor b/PlaylistShared.Pwa/Pages/Favorites.razor
index 37910c5..5481499 100644
--- a/PlaylistShared.Pwa/Pages/Favorites.razor
+++ b/PlaylistShared.Pwa/Pages/Favorites.razor
@@ -1,4 +1,6 @@
 @page "/favorites"
+<PageTitle>Избранное - Playlist Share</PageTitle>
+
 @using PlaylistShared.Shared.SharedPlaylist
 @attribute [Authorize]
 @inject HttpClient Http
diff --git a/PlaylistShared.Pwa/Pages/Home.razor b/PlaylistShared.Pwa/Pages/Home.razor
index c82f108..67f436e 100644
--- a/PlaylistShared.Pwa/Pages/Home.razor
+++ b/PlaylistShared.Pwa/Pages/Home.razor
@@ -7,7 +7,7 @@
     <MudCard>
         <MudCardHeader>
             <CardHeaderContent>
-                <MudText Typo="Typo.h4" GutterBottom>🎵 Playlist share</MudText>
+                <MudText Typo="Typo.h4" GutterBottom>🎵 Playlist Share</MudText>
                 <MudText Typo="Typo.body1">
                     Делитесь плейлистами Яндекс.Музыки с друзьями и управляйте треками вместе!
                 </MudText>
diff --git a/PlaylistShared.Pwa/Pages/MyPlaylists.razor b/PlaylistShared.Pwa/Pages/MyPlaylists.razor
index c63b21b..3d9cb5a 100644
--- a/PlaylistShared.Pwa/Pages/MyPlaylists.razor
+++ b/PlaylistShared.Pwa/Pages/MyPlaylists.razor
@@ -1,4 +1,6 @@
 @page "/my-playlists"
+<PageTitle>Мои плейлисты - Playlist Share</PageTitle>
+
 @attribute [Authorize]
 @using PlaylistShared.Shared.DTO
 @using PlaylistShared.Shared.Playlist
diff --git a/PlaylistShared.Pwa/Pages/Profile.razor b/PlaylistShared.Pwa/Pages/Profile.razor
index 36dfc86..baa1b0c 100644
--- a/PlaylistShared.Pwa/Pages/Profile.razor
+++ b/PlaylistShared.Pwa/Pages/Profile.razor
@@ -1,4 +1,6 @@
 @page "/profile"
+<PageTitle>Профиль - Playlist Share</PageTitle>
+
 @using Microsoft.AspNetCore.Authorization
 @using PlaylistShared.Pwa.Components.Profile
 @using PlaylistShared.Shared.DTO
diff --git a/PlaylistShared.Pwa/Pages/SharedPlaylistView.razor b/PlaylistShared.Pwa/Pages/SharedPlaylistView.razor
index 3342860..9e152f5 100644
--- a/PlaylistShared.Pwa/Pages/SharedPlaylistView.razor
+++ b/PlaylistShared.Pwa/Pages/SharedPlaylistView.razor
@@ -1,4 +1,6 @@
 @page "/shared/{token}"
+<PageTitle>@_playlist?.Title - Playlist Share</PageTitle>
+
 @using PlaylistShared.Pwa.Components.Common
 @using PlaylistShared.Pwa.Components.SharedPlaylist
 @using PlaylistShared.Shared.DTO
diff --git a/PlaylistShared.Pwa/wwwroot/index.html b/PlaylistShared.Pwa/wwwroot/index.html
index 1595212..7a062b9 100644
--- a/PlaylistShared.Pwa/wwwroot/index.html
+++ b/PlaylistShared.Pwa/wwwroot/index.html
@@ -26,12 +26,23 @@
         body {
             background-color: var(--mud-palette-background, var(--bg));
             margin: 0;
+            align-items: center;
+            font-family: 'Roboto', sans-serif;
+        }
+
+        /* Создаем специальный контейнер для загрузки на весь экран */
+        #app:empty,
+        #app > .loader-wrapper {
             display: flex;
             justify-content: center;
             align-items: center;
             height: 100vh;
-            overflow: hidden;
-            font-family: 'Roboto', sans-serif;
+            width: 100vw;
+            position: fixed;
+            top: 0;
+            left: 0;
+            background-color: #1a1a27; /* Фиксированный фон на время загрузки */
+            z-index: 9999;
         }
 
         .loader-wrapper {