fix: Adjust Spectrum Bar Colors
Deploy DeepDrftPublic / Build & Publish (push) Successful in 3m37s
Deploy DeepDrftPublic / Deploy (push) Successful in 1m23s

This commit is contained in:
daniel-c-harvey
2026-06-09 06:20:07 -04:00
parent 5b3bbc7b47
commit 760e9a1982
6 changed files with 10 additions and 12 deletions
@@ -7,9 +7,9 @@
y1=24 (bottom) is the green end; y2=0 (top) is the orange end. --> y1=24 (bottom) is the green end; y2=0 (top) is the orange end. -->
<linearGradient id="lmf-grad-@(IdSuffix)" <linearGradient id="lmf-grad-@(IdSuffix)"
gradientUnits="userSpaceOnUse" x1="0" y1="24" x2="0" y2="0"> gradientUnits="userSpaceOnUse" x1="0" y1="24" x2="0" y2="0">
<stop offset="0%" stop-color="#1A5C38" /> <stop offset="0%" stop-color="#2a883b" />
<stop offset="27%" stop-color="#1A5C38" /> <stop offset="17%" stop-color="#2a883b" />
<stop offset="33%" stop-color="#2ECC71" /> <stop offset="23%" stop-color="#2ECC71" />
<stop offset="47%" stop-color="#2ECC71" /> <stop offset="47%" stop-color="#2ECC71" />
<stop offset="53%" stop-color="#F4C430" /> <stop offset="53%" stop-color="#F4C430" />
<stop offset="72%" stop-color="#F4C430" /> <stop offset="72%" stop-color="#F4C430" />
@@ -30,6 +30,6 @@
/* Fill motion is driven by C#-computed SVG geometry, not CSS — no transition here. */ /* Fill motion is driven by C#-computed SVG geometry, not CSS — no transition here. */
.lmf-icon { .lmf-icon {
width: 56px; width: 48px;
height: 56px; height: 48px;
} }
@@ -27,9 +27,9 @@
height: var(--bar-height, 2%); height: var(--bar-height, 2%);
min-height: 2px; min-height: 2px;
background-image: linear-gradient(to top, background-image: linear-gradient(to top,
#1A5C38 0%, #1A5C38 27%, #2a883b 0%, #2a883b 12%,
#2ECC71 33%, #2ECC71 47%, #2ECC71 17%, #2ECC71 42%,
#F4C430 53%, #F4C430 72%, #F4C430 47%, #F4C430 72%,
#FF6B35 78%, #FF6B35 100% #FF6B35 78%, #FF6B35 100%
); );
background-size: 100% 40px; background-size: 100% 40px;
@@ -35,7 +35,7 @@ public partial class SharePopover : ComponentBase, IDisposable
private string TrackUrl => $"{Navigation.BaseUri}track/{EntryKey}"; private string TrackUrl => $"{Navigation.BaseUri}track/{EntryKey}";
private string EmbedSnippet => private string EmbedSnippet =>
$"""<iframe src="{Navigation.BaseUri}FramePlayer?TrackEntryKey={EntryKey}" width="640" height="96" frameborder="0" style="border-radius:8px;" allow="autoplay"></iframe>"""; $"""<iframe src="{Navigation.BaseUri}FramePlayer?TrackEntryKey={EntryKey}" width="656" height="196" frameborder="0" style="border-radius:8px;" allow="autoplay"></iframe>""";
private void Toggle() => _open = !_open; private void Toggle() => _open = !_open;
@@ -5,7 +5,6 @@
@page "/FramePlayer" @page "/FramePlayer"
@layout EmbedLayout @layout EmbedLayout
@rendermode InteractiveWebAssembly
<AudioPlayerBar Fixed /> <AudioPlayerBar Fixed />
+1 -2
View File
@@ -3,13 +3,12 @@
@using DeepDrftShared.Client.Components @using DeepDrftShared.Client.Components
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<base href="/" /> <base href="/" />
<DeepDrftFontLinks /> <DeepDrftFontLinks />
<link href=@Assets["_content/MudBlazor/MudBlazor.min.css"] rel="stylesheet" /> <link rel="stylesheet" href="@Assets["_content/MudBlazor/MudBlazor.min.css"]" />
<link rel="stylesheet" href="@Assets["DeepDrftPublic.styles.css"]"/> <link rel="stylesheet" href="@Assets["DeepDrftPublic.styles.css"]"/>
<link rel="stylesheet" href="@Assets["_content/DeepDrftShared.Client/styles/deepdrft-tokens.css"]" /> <link rel="stylesheet" href="@Assets["_content/DeepDrftShared.Client/styles/deepdrft-tokens.css"]" />
<link rel="stylesheet" href="@Assets["styles/deepdrft-styles.css"]" /> <link rel="stylesheet" href="@Assets["styles/deepdrft-styles.css"]" />