jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Style the custom app icon configuration the same way the avatar is

Browse Source
This commit is contained in:
Johannes Zellner
2019-05-22 09:29:17 +02:00
parent 7b2ae2c457
commit 4794791167
2 changed files with 31 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/apps.html
View File

@@ -101,9 +101,9 @@
<uib-tab index="'display'" heading="Display">
<br/>
<div class="form-group" ng-class="{ 'has-error': !appConfigureForm.label.$dirty && appConfigure.error.label }">
<label class="control-label">Label</label>
<div class="control-label" ng-show="appConfigure.error.label">{{appConfigure.error.label}}</div>
<input type="text" class="form-control" id="appConfigureLabelInput" name="label" ng-model="appConfigure.label">
<label class="control-label">Label</label>
<div class="control-label" ng-show="appConfigure.error.label">{{appConfigure.error.label}}</div>
<input type="text" class="form-control" id="appConfigureLabelInput" name="label" ng-model="appConfigure.label">
</div>
<div class="form-group">
<label class="control-label">Tags</label>
@@ -112,10 +112,10 @@
<div class="form-group">
<label class="control-label">Icon</label>
<a href="" class="pull-right" style="font-weight: normal;" ng-click="appConfigure.resetCustomIcon()">Reset</a>
<div>
<img id="previewIcon" width="128" height="128" ng-src="{{appConfigure.icon.data || appConfigure.icon.url || appConfigure.app.iconUrl}}" ng-click="appConfigure.showCustomIconSelector()"/>
<input type="file" id="iconFileInput" style="display: none" accept="image/png"/>
<div id="previewIcon" class="app-custom-icon" ng-click="appConfigure.showCustomIconSelector()" style="background-image: url('{{appConfigure.icon.data || appConfigure.icon.url || appConfigure.app.iconUrl}}');">
<div class="overlay"></div>
</div>
<input type="file" id="iconFileInput" style="display: none" accept="image/png"/>
</div>
</uib-tab>