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. -->
<linearGradient id="lmf-grad-@(IdSuffix)"
gradientUnits="userSpaceOnUse" x1="0" y1="24" x2="0" y2="0">
<stop offset="0%" stop-color="#1A5C38" />
<stop offset="27%" stop-color="#1A5C38" />
<stop offset="33%" stop-color="#2ECC71" />
<stop offset="0%" stop-color="#2a883b" />
<stop offset="17%" stop-color="#2a883b" />
<stop offset="23%" stop-color="#2ECC71" />
<stop offset="47%" stop-color="#2ECC71" />
<stop offset="53%" 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. */
.lmf-icon {
width: 56px;
height: 56px;
width: 48px;
height: 48px;
}
@@ -27,9 +27,9 @@
height: var(--bar-height, 2%);
min-height: 2px;
background-image: linear-gradient(to top,
#1A5C38 0%, #1A5C38 27%,
#2ECC71 33%, #2ECC71 47%,
#F4C430 53%, #F4C430 72%,
#2a883b 0%, #2a883b 12%,
#2ECC71 17%, #2ECC71 42%,
#F4C430 47%, #F4C430 72%,
#FF6B35 78%, #FF6B35 100%
);
background-size: 100% 40px;
@@ -35,7 +35,7 @@ public partial class SharePopover : ComponentBase, IDisposable
private string TrackUrl => $"{Navigation.BaseUri}track/{EntryKey}";
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;