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:06:41 -08:00
parent 3c3c880a3c
commit 6806eeff8a
2 changed files with 57 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -164,11 +164,21 @@
Recovery Recovery
</button> </button>
</div> </div>
<button nbButton hero class="action-btn special-action-btn" status="info" fullWidth
(click)="openDoor()" *ngIf="showMoveAction">
<nb-icon icon="grid-outline" class="mr-1"></nb-icon>
Open Door
</button>
<button nbButton hero fullWidth status="info" class="start-activation-btn" <button nbButton hero fullWidth status="info" class="start-activation-btn"
*ngIf="allowStartAction" (click)="startActivation()"> *ngIf="allowStartAction" (click)="startActivation()">
<nb-icon icon="play-circle-outline" class="mr-2"></nb-icon> <nb-icon icon="play-circle-outline" class="mr-2"></nb-icon>
Start Activation Start Activation
</button> </button>
<button nbButton hero fullWidth status="warning" class="end-activation-btn"
*ngIf="hero.uiActivating" (click)="endActivation()">
<nb-icon icon="stop-circle-outline" class="mr-2"></nb-icon>
End Activation
</button>
</div> </div>
</div> </div>
<div class="tp-box__side tp-box__back"> <div class="tp-box__side tp-box__back">
@ -273,31 +283,6 @@
</div> </div>
<div *ngIf="md2Service.info.isBossFight"></div> <div *ngIf="md2Service.info.isBossFight"></div>
<!-- <div class="d-sm-none">
<div *ngIf="hero.uiActivating&&hero.remainActions>0">
<button nbButton hero class="mr-2" status="info" (click)="moveAction()"
*ngIf="!showMoveAction">Move</button>
<button nbButton hero class="mr-2" status="info" (click)="moveActionEnd()"
*ngIf="showMoveAction">Move End</button>
<button nbButton hero class="mr-2" status="danger"
(click)="action('attackAction')">Attack!</button>
<button nbButton hero class="mr-2" status="info" (click)="action('tradeAction')"
*ngIf="!showMoveAction">Trade</button>
<button nbButton hero status="success" (click)="action('recoveryAction')"
*ngIf="!showMoveAction">Recovery</button>
</div>
<button nbButton hero fullWidth status="info" *ngIf="allowStartAction"
(click)="startActivation()">Start Activation</button>
</div> -->
<button nbButton hero status="info" class="mt-2" (click)="openDoor()" *ngIf="showMoveAction">Open
Door</button>
<button nbButton hero fullWidth status="warning" class="mt-3" *ngIf="hero.uiActivating"
(click)="endActivation()">End
Activation</button>
</nb-card-body> </nb-card-body>
</nb-card> </nb-card>

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

@ -723,6 +723,28 @@
} }
} }
.special-action-btn {
margin-bottom: 0.5rem;
border-radius: 8px;
font-weight: 600;
min-height: 40px;
font-size: 0.875rem;
transition: all 0.3s;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
&:hover {
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}
@media (max-height: 450px) and (orientation: landscape) {
margin-bottom: 0.35rem;
min-height: 32px;
font-size: 0.75rem;
padding: 0.35rem 0.5rem;
}
}
.start-activation-btn { .start-activation-btn {
border-radius: 8px; border-radius: 8px;
font-weight: 600; font-weight: 600;
@ -744,6 +766,31 @@
} }
} }
.end-activation-btn {
border-radius: 8px;
font-weight: 600;
padding: 0.75rem;
min-height: 44px;
font-size: 0.95rem;
transition: all 0.3s;
box-shadow: 0 2px 8px rgba(255, 193, 7, 0.3);
margin-top: 0.5rem;
background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
border: none;
&:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(255, 193, 7, 0.4);
}
@media (max-height: 450px) and (orientation: landscape) {
padding: 0.5rem;
min-height: 36px;
font-size: 0.85rem;
margin-top: 0.35rem;
}
}
.tp-box__front { .tp-box__front {
-webkit-transform: rotateY(0deg); -webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg); -ms-transform: rotateY(0deg);