mirror of
https://github.com/status-im/nft-faucet.git
synced 2025-02-23 12:08:32 +00:00
Refactor CreateToken page
This commit is contained in:
parent
ad7f08d0a7
commit
7ed28a0894
@ -1,17 +1,24 @@
|
||||
@page "/tokens/new"
|
||||
|
||||
<PageTitle>Create token</PageTitle>
|
||||
<RadzenContent Container="main">
|
||||
<h4 class="mb-4">Image</h4>
|
||||
<RadzenFileInput @bind-Value=@Model.FileData @bind-FileName=@Model.FileName @bind-FileSize=@Model.FileSize TValue="string" Class="w-100"/>
|
||||
<h4 class="mb-4">Name</h4>
|
||||
<RadzenTextBox Placeholder="Name..." MaxLength="50" @bind-Value="@Model.Name" Class="w-100" />
|
||||
<h4 class="mb-4">Description</h4>
|
||||
<RadzenTextArea MaxLength="250" @bind-Value="@Model.Description" Class="w-100"/>
|
||||
<div class="row">
|
||||
<div class="col-md-12 text-right">
|
||||
<RadzenButton Click="@((args) => DialogService.Close())" ButtonStyle="ButtonStyle.Secondary" Text="Cancel" Style="width: 120px" Class="mr-1" />
|
||||
<RadzenButton Click="@((args) => OnSavePressed())" Disabled="!ModelIsValid" Text="Save" Style="width: 120px" />
|
||||
</div>
|
||||
|
||||
<form onsubmit="@OnSavePressed">
|
||||
<div class="mb-4">
|
||||
<h4>Image</h4>
|
||||
<RadzenFileInput @bind-Value=@Model.FileData @bind-FileName=@Model.FileName @bind-FileSize=@Model.FileSize TValue="string" Class="w-100"/>
|
||||
</div>
|
||||
</RadzenContent>
|
||||
|
||||
<div class="mb-4">
|
||||
<h4>Name</h4>
|
||||
<RadzenTextBox Placeholder="YING #668" MaxLength="50" @bind-Value="@Model.Name" Class="w-100"/>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<h4>Description</h4>
|
||||
<RadzenTextArea Placeholder="YING, ecotype enterprises IP of Inkeverse and the avatar spokesperson for Inkeverse." MaxLength="250" @bind-Value="@Model.Description" Class="w-100"/>
|
||||
</div>
|
||||
|
||||
<div style="display: flex; justify-content: end;">
|
||||
<RadzenButton Click="@((args) => OnSavePressed())" Disabled="!ModelIsValid" Text="Save" Style="width: 120px"/>
|
||||
</div>
|
||||
</form>
|
||||
|
Loading…
x
Reference in New Issue
Block a user