Fix mobile view for services

This commit is contained in:
Johannes Zellner
2024-10-15 19:24:05 +02:00
parent 30967af8ec
commit f5a43786c2

View File

@@ -70,19 +70,19 @@
<table class="table table-hover">
<thead>
<tr>
<th style="width: 5%;"></th>
<th style="width: 20%">{{ 'services.service' | tr }}</th>
<th style="width: 50%">{{ 'services.memoryUsage' | tr }}</th>
<th style="width: 20%" class="text-center no-wrap">{{ 'services.memoryLimit' | tr }}</th>
<th style="width: 5%" class="text-right">{{ 'main.actions' | tr }}</th>
<th style="width: 30px;"></th>
<th>{{ 'services.service' | tr }}</th>
<th class="hide-mobile">{{ 'services.memoryUsage' | tr }}</th>
<th class="text-center hide-mobile">{{ 'services.memoryLimit' | tr }}</th>
<th class="text-right">{{ 'main.actions' | tr }}</th>
</tr>
</thead>
<tbody>
<tr>
<td><i class="fa fa-circle status-active" uib-tooltip="active"></i></td>
<td class="elide-table-cell">cloudron</td>
<td class="elide-table-cell"></td>
<td class="elide-table-cell text-center"></td>
<td class="elide-table-cell hide-mobile"></td>
<td class="elide-table-cell hide-mobile"></td>
<td class="text-right no-wrap" style="vertical-align: bottom">
<a class="btn btn-xs btn-default" href="/logs.html?id=box" target="_blank" uib-tooltip="{{ 'logs.title' | tr }}"><i class="fa fa-file-alt"></i></a>
</td>
@@ -106,12 +106,12 @@
<td class="elide-table-cell">
{{ service.displayName }}
</td>
<td class="elide-table-cell">
<td class="elide-table-cell hide-mobile">
<div class="progress progress-striped" ng-show="service.config.memoryLimit">
<div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ service.memoryPercent }}%">{{ service.memoryPercent }}%</div>
</div>
</td>
<td class="elide-table-cell text-center">
<td class="elide-table-cell text-center hide-mobile">
<span ng-show="service.config.memoryLimit">{{ service.config.memoryLimit | prettyBinarySize }}</span>
</td>
<td class="text-right no-wrap" style="vertical-align: bottom">
@@ -135,12 +135,12 @@
<td class="elide-table-cell">
{{ service.displayName }}
</td>
<td class="elide-table-cell">
<td class="elide-table-cell hide-mobile">
<div class="progress progress-striped" ng-show="service.config.memoryLimit">
<div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ service.memoryPercent }}%"></div>
</div>
</td>
<td class="elide-table-cell text-center">
<td class="elide-table-cell text-center hide-mobile">
<span ng-show="service.config.memoryLimit">{{ service.config.memoryLimit | prettyBinarySize }}</span>
</td>
<td class="text-right no-wrap" style="vertical-align: bottom">