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

Better size buttons in ImagePicker

Browse Source
This commit is contained in:
Johannes Zellner
2025-09-22 16:21:39 +02:00
parent cae1b3f47a
commit 807094c829
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard/src/components/ImagePicker.vue
+7 -7
View File
@@ -181,20 +181,20 @@ function onError() {
<!-- Editable mode -->
<template v-if="mode === 'editable'">
<div v-if="isChanged" class="image-picker-actions" style="visibility: visible;">
<Button @click.stop="onCancel" secondary tool small icon="fa fa-undo" :disabled="busy"/>
<Button @click.stop="onSave" success tool small :loading="busy" :disabled="busy" icon="fa fa-floppy-disk"/>
<Button @click.stop="onCancel" secondary tool icon="fa fa-undo" :disabled="busy"/>
<Button @click.stop="onSave" success tool :loading="busy" :disabled="busy" icon="fa fa-floppy-disk"/>
</div>
<div v-else-if="!disabled" class="image-picker-actions">
<Button @click.stop="onEdit" tool small icon="fa fa-pencil-alt" :disabled="busy"/>
<Button @click.stop="onUnset" tool small icon="fa fa-trash" :loading="busy" :disabled="busy" v-if="unsetHandler && internalSrc !== fallbackSrc"/>
<Button @click.stop="onEdit" tool icon="fa fa-pencil-alt" :disabled="busy"/>
<Button @click.stop="onUnset" tool icon="fa fa-trash" :loading="busy" :disabled="busy" v-if="unsetHandler && internalSrc !== fallbackSrc"/>
</div>
</template>
<!-- Simple mode -->
<template v-else-if="mode === 'simple'">
<div class="image-picker-actions">
<Button @click.stop="onEdit" tool small icon="fa fa-pencil-alt" :disabled="busy"/>
<Button v-if="isChanged" @click.stop="onCancel" secondary tool small icon="fa fa-undo" :disabled="busy"/>
<Button v-else-if="internalSrc !== fallbackSrc" @click.stop="onUnset" tool small icon="fa fa-trash" :loading="busy" :disabled="busy"/>
<Button @click.stop="onEdit" tool icon="fa fa-pencil-alt" :disabled="busy"/>
<Button v-if="isChanged" @click.stop="onCancel" secondary tool icon="fa fa-undo" :disabled="busy"/>
<Button v-else-if="internalSrc !== fallbackSrc" @click.stop="onUnset" tool icon="fa fa-trash" :loading="busy" :disabled="busy"/>
</div>
</template>
</div>