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

Fix spacing for checklist and set 800px max-width for appconfigure

Browse Source
This commit is contained in:
Johannes Zellner
2025-09-19 19:08:26 +02:00
parent 5ad217bd18
commit 5246ea3537
2 changed files with 23 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
dashboard/src/components/app/Info.vue
View File

@@ -106,27 +106,30 @@ onMounted(() => {
<div class="info-value">{{ prettyDate(app.updateTime) }}</div>
</div>
<div v-if="app.checklist?.length">
<br/>
<div style="display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;">
<div class="actionable" @click="showDoneChecklist = true" v-show="hasOldChecklist && !showDoneChecklist">{{ $t('app.appInfo.checklistShow') }}</div>
<div class="actionable" @click="showDoneChecklist = false" v-show="showDoneChecklist">{{ $t('app.appInfo.checklistHide') }}</div>
</div>
<div v-for="(item, key) in app.checklist" :key="key">
<div class="checklist-item" v-if="!item.acknowledged">
<span v-html="marked.parse(item.message)"></span>
<Button small plain tool style="margin-left: 10px;" @click="onAckChecklistItem(item, key)">{{ $t('main.dialog.done') }}</Button>
</div>
</div>
<div v-for="(item, key) in app.checklist" :key="key" v-show="showDoneChecklist">
<div class="checklist-item checklist-item-acknowledged" v-if="item.acknowledged">
<span v-html="marked.parse(item.message)"></span>
<span class="text-muted text-small">{{ item.changedBy }} - {{ prettyDate(item.changedAt) }}</span>
</div>
</div>
</div>
<br/>
<div style="display: flex; justify-content: flex-start; align-items: center;">
<div class="actionable" @click="showDoneChecklist = true" v-show="hasOldChecklist && !showDoneChecklist">{{ $t('app.appInfo.checklistShow') }}</div>
<div class="actionable" @click="showDoneChecklist = false" v-show="showDoneChecklist">{{ $t('app.appInfo.checklistHide') }}</div>
</div>
<div v-for="(item, key) in app.checklist" :key="key">
<div class="checklist-item" v-if="!item.acknowledged">
<span v-html="marked.parse(item.message)"></span>
<Button small plain tool style="margin-left: 10px;" @click="onAckChecklistItem(item, key)">{{ $t('main.dialog.done') }}</Button>
</div>
</div>
<div v-for="(item, key) in app.checklist" :key="key" v-show="showDoneChecklist">
<div class="checklist-item checklist-item-acknowledged" v-if="item.acknowledged">
<span v-html="marked.parse(item.message)"></span>
<span class="text-muted text-small">{{ item.changedBy }} - {{ prettyDate(item.changedAt) }}</span>
</div>
</div>
<label class="control-label">
{{ $t('app.info.notes.title') }}
<i v-show="!editing" class="info-edit-indicator fa fa-pencil-alt" @click="onEdit()"></i>

2
dashboard/src/views/AppConfigureView.vue
View File

@@ -364,7 +364,7 @@ onBeforeUnmount(() => {
.configure-inner {
width: 100%;
max-width: 1200px;
max-width: 800px;
margin: auto;
padding: 0 15px;
}