ChrisChen/ChurchAngular
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects 1 Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Chris Chen 2025-11-05 17:28:00 -08:00
parent 6806eeff8a
commit 9ad991a70e
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.html
View File

@ -27,8 +27,9 @@
<div class="hero-selection-content-area"> <div class="hero-selection-content-area">
<div class="row no-gutters h-100"> <div class="row no-gutters h-100">
<div class="col-6 hero-select-image-col"> <div class="col-6 hero-select-image-col">
<div class="hero-select-image-wrapper"> <div class="hero-select-image-wrapper"
<img src="{{imgUrl('Heros/'+className+'.jpg')}}" class="hero-select-image" [style.background-image]="'url(' + imgUrl('/Mobs/BG.png') + ')'">
<img src="{{imgUrl('Heros/'+className+'.png')}}" class="hero-select-image"
alt="{{currentSelectingHero.name}}"> alt="{{currentSelectingHero.name}}">
<!-- HP and Mana Bars --> <!-- HP and Mana Bars -->
<div class="hero-select-stats-overlay"> <div class="hero-select-stats-overlay">
@ -92,8 +93,9 @@
<div class="hero-card-content"> <div class="hero-card-content">
<div class="row no-gutters h-100"> <div class="row no-gutters h-100">
<div class="col-6 hero-image-col"> <div class="col-6 hero-image-col">
<div class="hero-image-wrapper"> <div class="hero-image-wrapper"
<img src="{{imgUrl('Heros/'+className+'.jpg')}}" class="hero-image" [style.background-image]="'url(' + imgUrl('/Mobs/BG.png') + ')'">
<img src="{{imgUrl('Heros/'+className+'.png')}}" class="hero-image"
(click)="toggleFlip()" alt="{{hero.name}}"> (click)="toggleFlip()" alt="{{hero.name}}">
<!-- HP and Mana Bars --> <!-- HP and Mana Bars -->
<div class="hero-stats-overlay"> <div class="hero-stats-overlay">

6
src/app/games/massive-darkness2/hero-dashboard/hero-dashboard.component.scss
View File

@ -246,6 +246,9 @@
overflow: hidden; overflow: hidden;
border-radius: 8px; border-radius: 8px;
background: #f8f9fa; background: #f8f9fa;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative; position: relative;
} }
@ -469,6 +472,9 @@
overflow: hidden; overflow: hidden;
border-radius: 8px; border-radius: 8px;
background: #f8f9fa; background: #f8f9fa;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative; position: relative;
} }