daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

Front End Work

Browse Source 
- Colors & Styles
 - Fonts
 - Small Layout Adjustments
This commit is contained in:
daniel-c-harvey
2025-09-06 15:21:03 -04:00
parent 5a8a2da842
commit 0951514778
6 changed files with 102 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftWeb.Client/Controls/TracksGallery.razor
+2 -2
View File
@@ -1,8 +1,8 @@
<MudContainer MaxWidth="MaxWidth.False" Class="tracks-gallery-container">
<MudContainer MaxWidth="MaxWidth.Large" Class="tracks-gallery-container">
<MudGrid Spacing="3" Justify="Justify.Center">
@foreach (var track in Tracks)
{
<MudItem xs="12" sm="6" md="4" lg="2" xl="2">
<MudItem xs="12" sm="6" md="4" lg="3" xl="3">
<div class="deepdrft-track-gallery-item-center">
<TrackCard TrackModel="@track" IsPlaying="@(track.Id == SelectedTrack?.Id)" OnPlay="@HandlePlayClick"/>
</div>
DeepDrftWeb.Client/Layout/MainLayout.razor
+38 -3
View File
@@ -41,7 +41,42 @@
Theme =
{
PaletteDark = _darkPalette,
PaletteLight = _lightPalette
PaletteLight = _lightPalette,
Typography = new Typography()
{
Default = new DefaultTypography()
{
FontFamily = new[] {"Electrolize", "sans-serif"}
},
H1 = new H1Typography()
{
FontFamily = new[] {"Audiowide", "sans-serif"}
},
H2 = new H2Typography()
{
FontFamily = new[] {"Michroma", "sans-serif"}
},
H3 = new H3Typography()
{
FontFamily = new[] {"Michroma", "sans-serif"}
},
H4 = new H4Typography()
{
FontFamily = new[] {"Michroma", "sans-serif"}
},
H5 = new H5Typography()
{
FontFamily = new[] {"Michroma", "sans-serif"}
},
H6 = new H6Typography()
{
FontFamily = new[] {"Michroma", "sans-serif"}
},
Button = new ButtonTypography()
{
FontFamily = new[] {"Michroma", "sans-serif"}
}
}
}
};
@@ -104,8 +139,8 @@
Secondary = "#8A2BE2", // BlueViolet - main DeepDrft purple
Tertiary = "#9370DB", // MediumPurple - DeepDrft accent
Info = "#4B0082", // Indigo - DeepDrft deep purple
Success = "#00FF7F", // SpringGreen - bright success
Warning = "#FFD700", // Gold - warning color
Success = "#00A86B", // Jade - true jade green success color
Warning = "#FF8C00", // DarkOrange - orange warning color
Error = "#FF6347", // Tomato - error color
Black = "#000000", // Pure black
White = "#FFFFFF", // Pure white
DeepDrftWeb.Client/Pages/Home.razor
+3 -3
View File
@@ -70,13 +70,13 @@
<MudIcon Icon="@Icons.Material.Filled.MusicNote" Class="mr-2" />
Our Sound
</MudText>
<MudChipSet T="string" Class="mb-4">
<MudChipSet ReadOnly T="string" Class="mb-4">
<MudChip Color="Color.Primary" Class="deepdrft-chip-spacing">House</MudChip>
<MudChip Color="Color.Secondary" Class="deepdrft-chip-spacing">Techno</MudChip>
<MudChip Color="Color.Tertiary" Class="deepdrft-chip-spacing">Trance</MudChip>
<MudChip Color="Color.Info" Class="deepdrft-chip-spacing">IDM</MudChip>
<MudChip Color="Color.Primary" Variant="Variant.Outlined" Class="deepdrft-chip-spacing">Progressive</MudChip>
<MudChip Color="Color.Secondary" Variant="Variant.Outlined" Class="deepdrft-chip-spacing">Ambient</MudChip>
<MudChip Color="Color.Warning" Class="deepdrft-chip-spacing">Progressive</MudChip>
<MudChip Color="Color.Success" Class="deepdrft-chip-spacing">Ambient</MudChip>
</MudChipSet>
<MudText Typo="Typo.body1" Class="deepdrft-text-readable">
From deep, driving basslines to ethereal atmospheric textures, our music explores the
DeepDrftWeb.Client/Pages/TracksView.razor.cs
+1 -1
View File
@@ -34,7 +34,7 @@ public partial class TracksView : ComponentBase
private async Task PlayTrack(TrackEntity? track)
{
if (track == null) return;
if (track == null && _selectedTrack == null || track?.Id == _selectedTrack?.Id) return;
await AudioPlaybackEngine.LoadTrack(track);
StateHasChanged();