mirrors/Remotely
3
0
Fork 0
mirror of https://github.com/immense/Remotely.git synced 2025-10-26 11:27:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update formatting on branding page.

Browse Source
This commit is contained in:
Jared Goodwin 2021-05-11 06:57:33 -07:00
parent fdae931462
commit 40c49e4efb
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Server/Components/ColorPicker.razor
View File

@ -2,7 +2,7 @@
<div>
<div>Color Sample:</div>
<div class="color-sample mb-4" style="background-color:@($"rgb({Red},{Green},{Blue})")"></div>
<div class="color-sample mb-2" style="background-color:@($"rgb({Red},{Green},{Blue})")"></div>
<div>Red</div>
<input type="range" min="0" max="255" class="form-control red-picker" @bind="Red" />

22
Server/Pages/Branding.razor
View File

@ -32,8 +32,8 @@ else
<EditForm OnValidSubmit="HandleValidSubmit" Model="_inputModel">
<DataAnnotationsValidator />
<div class="form-group mb-4">
<label class="font-weight-bold">Product Name</label>
<div class="form-group mb-5">
<label class="text-info font-weight-bold">Product Name</label>
<InputText class="form-control" @bind-Value="_inputModel.ProductName" />
<ValidationMessage For="() => _inputModel.ProductName" />
</div>
@ -41,26 +41,26 @@ else
@if (!string.IsNullOrWhiteSpace(_base64Icon))
{
<div class="form-group mb-4">
<label class="font-weight-bold">Current Icon</label>
<label class="text-info font-weight-bold">Current Icon</label>
<br />
<img class="img-fluid" src="data:image/png;base64,@_base64Icon" />
</div>
}
<div class="form-group mb-4">
<label class="font-weight-bold"></label>
<div class="form-group mb-5">
<label class="text-info font-weight-bold">New Icon</label>
<InputFile type="file" accept="image/png" class="form-control" OnChange="IconUploadInputChanged" />
</div>
<div class="form-group mb-4">
<label class="font-weight-bold">Title Foreground</label>
<div class="form-group mb-5">
<label class="text-info font-weight-bold">Title Foreground</label>
<ColorPicker @bind-Color="_inputModel.TitleForegroundColor" />
</div>
<div class="form-group mb-4">
<label class="font-weight-bold">Title Background</label>
<div class="form-group mb-5">
<label class="text-info font-weight-bold">Title Background</label>
<ColorPicker @bind-Color="_inputModel.TitleBackgroundColor" />
</div>
<div class="form-group mb-2">
<label class="font-weight-bold">Button Color</label>
<div class="form-group mb-5">
<label class="text-info font-weight-bold">Button Color</label>
<ColorPicker @bind-Color="_inputModel.TitleButtonColor" />
</div>
<div class="form-group text-right">