Улучшен плеер

2026-04-14 06:52:38 +03:00
parent fd3ed2f317
commit 4b3036364b
9 changed files with 55 additions and 26 deletions
--- a/PlaylistShared.Pwa/wwwroot/css/app.css
+++ b/PlaylistShared.Pwa/wwwroot/css/app.css
@@ -122,4 +122,28 @@ code {
 .play-overlay {
    transition: opacity 0.2s ease;
    cursor: pointer;
+}
+
+/* Фиксированный плеер внизу */
+.fixed-player {
+    position: sticky;
+    display: flex;
+    bottom: 0;
+    width: 100%;
+    right: 0;
+    justify-content: center;
+    background-color: var(--mud-palette-background);
+    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.1);
+}
+
+/* Отступ снизу, когда плеер виден */
+.page-with-player {
+    padding-bottom: 80px; /* Высота плеера (подберите под свою тему) */
+}
+
+/* На мобильных устройствах можно уменьшить отступ */
+@media (max-width: 600px) {
+    .page-with-player {
+        padding-bottom: 100px; /* если плеер выше на мобильных */
+    }
 }
--- a/PlaylistShared.Pwa/wwwroot/favicon.png
+++ b/PlaylistShared.Pwa/wwwroot/favicon.png
--- a/PlaylistShared.Pwa/wwwroot/icon-192.png
+++ b/PlaylistShared.Pwa/wwwroot/icon-192.png
--- a/PlaylistShared.Pwa/wwwroot/icon-512.png
+++ b/PlaylistShared.Pwa/wwwroot/icon-512.png
--- a/PlaylistShared.Pwa/wwwroot/index.html
+++ b/PlaylistShared.Pwa/wwwroot/index.html
@@ -4,7 +4,7 @@
 <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>PlaylistShared.Pwa</title>
+    <title>Playlist Share</title>
    <base href="/" />
    <link rel="preload" id="webassembly" />
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" />
--- a/PlaylistShared.Pwa/wwwroot/manifest.webmanifest
+++ b/PlaylistShared.Pwa/wwwroot/manifest.webmanifest
@@ -1,5 +1,5 @@
 {
-  "name": "Playlist Shared",
+  "name": "Playlist Share",
  "short_name": "PlaylistShare",
  "id": "./",
  "start_url": "./",