fix: Adjust Spectrum Bar Colors
This commit is contained in:
@@ -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 />
|
||||||
|
|
||||||
|
|||||||
@@ -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"]" />
|
||||||
|
|||||||
Reference in New Issue
Block a user