WIP
This commit is contained in:
@@ -15,19 +15,26 @@
|
||||
<div class="row no-gutters">
|
||||
<div class="col-12 col-sm-7">
|
||||
<div class="tp-wrapper mb-2">
|
||||
<div class="tp-box g-height-300 g-height-350--sm g-height-500--md" [@flipState]="flip">
|
||||
<div class="tp-box" [@flipState]="flip">
|
||||
<div class="tp-box__side tp-box__front ">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<!-- show hero stand image -->
|
||||
<img src="{{imgUrl('Heros/'+className+'.jpg')}}" (click)="toggleFlip()">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<!-- show skill html -->
|
||||
<div [innerHTML]="hero.skillHtml"></div>
|
||||
<!-- show shadow skill html -->
|
||||
<div [innerHTML]="hero.shadowSkillHtml"></div>
|
||||
<div class="hero-card-content">
|
||||
<div class="row no-gutters h-100">
|
||||
<div class="col-6 hero-image-col">
|
||||
<div class="hero-image-wrapper">
|
||||
<img src="{{imgUrl('Heros/'+className+'.jpg')}}" class="hero-image"
|
||||
(click)="toggleFlip()" alt="{{hero.name}}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 hero-skills-col">
|
||||
<div class="hero-skills">
|
||||
<div class="skills-title">Abilities</div>
|
||||
<div class="skill-content" [innerHTML]="hero.skillHtml"></div>
|
||||
<div class="skills-title shadow-skills-title">Shadow Abilities</div>
|
||||
<div class="skill-content shadow-skill-content"
|
||||
[innerHTML]="hero.shadowSkillHtml"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <img class="MD2HeroCard " src="{{imgUrl('Heros/'+className+'.jpg')}}" (click)="toggleFlip()"> -->
|
||||
|
||||
Reference in New Issue
Block a user