Extract right corner style out of Checkmark

This commit is contained in:
Ivan Yaremenchuk 2022-09-04 12:24:45 -05:00
parent 6a0127a7d8
commit e3298ecd10
3 changed files with 3 additions and 3 deletions

View File

@ -10,7 +10,7 @@
<div class="d-flex flex-row align-items-center"> <div class="d-flex flex-row align-items-center">
@if (SelectedItems != null && SelectedItems.Contains(cardListItem.Id)) @if (SelectedItems != null && SelectedItems.Contains(cardListItem.Id))
{ {
<Checkmark AnchorToTopRightCorner="true"/> <Checkmark Style="position: absolute; top: 1em; right: 1em;"/>
} }
@if (!string.IsNullOrEmpty(cardListItem.ImageLocation)) @if (!string.IsNullOrEmpty(cardListItem.ImageLocation))
{ {

View File

@ -1,4 +1,4 @@
<span class="checkmark" style=@(AnchorToTopRightCorner ? "position: absolute; top: 1em; right: 1em;" : string.Empty)> <span class="checkmark" style=@Style>
<div class="checkmark_circle"></div> <div class="checkmark_circle"></div>
<div class="checkmark_stem"></div> <div class="checkmark_stem"></div>
<div class="checkmark_kick"></div> <div class="checkmark_kick"></div>

View File

@ -4,5 +4,5 @@ namespace NftFaucetRadzen.Components.Checkmark;
public partial class Checkmark public partial class Checkmark
{ {
[Parameter] public bool AnchorToTopRightCorner { get; set; } [Parameter] public string Style { get; set; }
} }