Добавлены скелетоны
This commit is contained in:
23
PlaylistShared.Pwa/Components/Common/TrackItemSkeleton.razor
Normal file
23
PlaylistShared.Pwa/Components/Common/TrackItemSkeleton.razor
Normal file
@@ -0,0 +1,23 @@
|
||||
@using PlaylistShared.Pwa.Components.Common
|
||||
|
||||
<MudStack Class="py-2 px-0" Row AlignItems="AlignItems.Center">
|
||||
<!-- Обложка-скелет -->
|
||||
<MudItem>
|
||||
<MudSkeleton SkeletonType="SkeletonType.Rectangle" Width="40px" Height="40px" />
|
||||
</MudItem>
|
||||
|
||||
<!-- Информация о треке (две строки текста) -->
|
||||
<MudItem>
|
||||
<MudStack Spacing="0">
|
||||
<MudSkeleton SkeletonType="SkeletonType.Text" Width="180px" Class="my-0" />
|
||||
<MudSkeleton SkeletonType="SkeletonType.Text" Width="120px" Class="my-0" />
|
||||
</MudStack>
|
||||
</MudItem>
|
||||
|
||||
<MudSpacer />
|
||||
|
||||
<!-- Длительность-скелет -->
|
||||
<MudItem>
|
||||
<MudSkeleton SkeletonType="SkeletonType.Text" Width="30px" />
|
||||
</MudItem>
|
||||
</MudStack>
|
||||
Reference in New Issue
Block a user