mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-26 10:21:52 +00:00
ui: use ionic positioning instead of custom CSS
This commit is contained in:
committed by
Aiden McClelland
parent
dd8037fda1
commit
540868220d
@@ -20,16 +20,14 @@
|
||||
|
||||
<ion-item-group>
|
||||
<ion-item *ngFor="let spec of (server.specs | async) | keyvalue : asIsOrder" [class.break-all]="spec.key === 'Tor Address'">
|
||||
<ion-label class="ion-text-wrap" style="display: flex; justify-content: space-between; align-items: center;">
|
||||
<div>
|
||||
<h2>{{ spec.key }}</h2>
|
||||
<p *ngIf="spec.value | isValidEmver">{{ spec.value | displayEmver }}</p>
|
||||
<p *ngIf="!(spec.value | isValidEmver)">{{ spec.value }}</p>
|
||||
</div>
|
||||
<ion-button *ngIf="spec.key === 'Tor Address'" fill="clear" (click)="copyTor()">
|
||||
<ion-icon slot="icon-only" name="copy-outline" color="primary"></ion-icon>
|
||||
</ion-button>
|
||||
<ion-label class="ion-text-wrap">
|
||||
<h2>{{ spec.key }}</h2>
|
||||
<p *ngIf="spec.value | isValidEmver">{{ spec.value | displayEmver }}</p>
|
||||
<p *ngIf="!(spec.value | isValidEmver)">{{ spec.value }}</p>
|
||||
</ion-label>
|
||||
<ion-button slot="end" *ngIf="spec.key === 'Tor Address'" fill="clear" (click)="copyTor()">
|
||||
<ion-icon slot="icon-only" name="copy-outline" color="primary"></ion-icon>
|
||||
</ion-button>
|
||||
</ion-item>
|
||||
</ion-item-group>
|
||||
</ng-container>
|
||||
|
||||
Reference in New Issue
Block a user