feat: add sample data population for new users and improve exercise list layout
This commit is contained in:
@@ -41,17 +41,19 @@
|
||||
<div class="list">
|
||||
@foreach (var exercise in ExerciseList)
|
||||
{
|
||||
<div class="list-item">
|
||||
<div class="list-item" style="flex-direction: column; align-items: flex-start;">
|
||||
@if (EditingId == exercise.Id)
|
||||
{
|
||||
<input class="input" @bind="EditingName" @bind:event="oninput" />
|
||||
<button class="primary" @onclick="() => SaveEditAsync(exercise.Id)">Save</button>
|
||||
<button class="ghost" @onclick="CancelEdit">Cancel</button>
|
||||
<div class="item-actions">
|
||||
<button class="primary" @onclick="() => SaveEditAsync(exercise.Id)">Save</button>
|
||||
<button class="ghost" @onclick="CancelEdit">Cancel</button>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<div class="item-title">@exercise.Name</div>
|
||||
<div class="actions">
|
||||
<div class="item-title" style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;">@exercise.Name</div>
|
||||
<div class="item-actions">
|
||||
<button class="ghost" @onclick="() => StartEdit(exercise)" aria-label="Edit exercise">✏️</button>
|
||||
<button class="ghost" @onclick="() => DeleteExerciseAsync(exercise.Id)" aria-label="Delete exercise">🗑️</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user