mirror of
https://github.com/Start9Labs/start-os.git
synced 2026-03-30 04:01:58 +00:00
minor changes
This commit is contained in:
@@ -113,7 +113,7 @@
|
|||||||
<ion-icon name="storefront-outline"></ion-icon>
|
<ion-icon name="storefront-outline"></ion-icon>
|
||||||
<ion-icon name="terminal-outline"></ion-icon>
|
<ion-icon name="terminal-outline"></ion-icon>
|
||||||
<ion-icon name="trash-outline"></ion-icon>
|
<ion-icon name="trash-outline"></ion-icon>
|
||||||
<ion-icon name="warning-outline"></ion-icon>
|
<ion-icon name="warning"></ion-icon>
|
||||||
<ion-icon name="wifi"></ion-icon>
|
<ion-icon name="wifi"></ion-icon>
|
||||||
|
|
||||||
<!-- Ionic components -->
|
<!-- Ionic components -->
|
||||||
|
|||||||
@@ -36,7 +36,7 @@
|
|||||||
[style.background-color]="connectionFailure ? 'var(--ion-color-dark)' : 'var(--ion-color-' + pkg.value.primaryRendering.color + ')'"
|
[style.background-color]="connectionFailure ? 'var(--ion-color-dark)' : 'var(--ion-color-' + pkg.value.primaryRendering.color + ')'"
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
<ion-icon *ngIf="pkg.value.error" class="warning-icon" name="warning-outline" color="warning"></ion-icon>
|
<ion-icon *ngIf="pkg.value.error" class="warning-icon" name="warning" color="warning"></ion-icon>
|
||||||
|
|
||||||
<div class="launch-container" *ngIf="pkg.value.entry.manifest.interfaces | hasUi">
|
<div class="launch-container" *ngIf="pkg.value.entry.manifest.interfaces | hasUi">
|
||||||
<div class="launch-button-triangle" (click)="launchUi(pkg.value.entry, $event)" [class.launch-disabled]="!(pkg.value.entry.state | isLaunchable : pkg.value.entry.installed?.status.main.status : pkg.value.entry.manifest.interfaces)">
|
<div class="launch-button-triangle" (click)="launchUi(pkg.value.entry, $event)" [class.launch-disabled]="!(pkg.value.entry.state | isLaunchable : pkg.value.entry.installed?.status.main.status : pkg.value.entry.manifest.interfaces)">
|
||||||
@@ -52,7 +52,13 @@
|
|||||||
<ion-card-content>
|
<ion-card-content>
|
||||||
<ion-toolbar class="status-toolbar">
|
<ion-toolbar class="status-toolbar">
|
||||||
<ion-title>
|
<ion-title>
|
||||||
<ion-text *ngIf="!!pkg.value.installProgress" color="primary">{{ pkg.value.entry.state | titlecase }}...{{ pkg.value.installProgress.totalProgress }}%</ion-text>
|
<ion-text
|
||||||
|
*ngIf="!!pkg.value.installProgress"
|
||||||
|
color="primary"
|
||||||
|
style="font-weight: bold; font-size: calc(10px + .3vw);"
|
||||||
|
>
|
||||||
|
{{ pkg.value.entry.state | titlecase }} {{ pkg.value.installProgress.totalProgress }}%
|
||||||
|
</ion-text>
|
||||||
<status
|
<status
|
||||||
*ngIf="[PackageState.Installed, PackageState.Removing] | includes : pkg.value.entry.state"
|
*ngIf="[PackageState.Installed, PackageState.Removing] | includes : pkg.value.entry.state"
|
||||||
[disconnected]="connectionFailure"
|
[disconnected]="connectionFailure"
|
||||||
|
|||||||
@@ -80,12 +80,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.status-toolbar {
|
.status-toolbar {
|
||||||
--min-height: 42px;
|
--min-height: 36px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
ion-icon {
|
|
||||||
font-size: calc(10px + .5vw);
|
|
||||||
position: absolute;
|
|
||||||
right: 10px;
|
|
||||||
top: calc(2vh);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user