matt/opnform-host-nginx
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

NuxtImg Migration (#279)

Browse Source 
Co-authored-by: Julien Nahum <julien@nahum.net>
This commit is contained in:
formsdev
2024-01-05 16:11:49 +05:30
committed by GitHub
parent 8b92f24094
commit 27ece34226
24 changed files with 67 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/components/open/forms/OpenFormField.vue
View File

@@ -71,7 +71,7 @@
<div v-if="!field.image_block" class="p-4 border border-dashed">
Open <b>{{ field.name }}'s</b> block settings to upload image.
</div>
<img v-else :alt="field.name" :src="field.image_block" class="max-w-full">
<NuxtImg v-else :alt="field.name" :src="field.image_block" class="max-w-full"/>
</div>
</template>
</div>

4
client/components/open/forms/components/FormStats.vue
View File

@@ -13,10 +13,10 @@
</p>
</div>
</div>
<img src="/img/pages/forms/blurred_graph.png"
<NuxtImg src="/img/pages/forms/blurred_graph.png"
alt="Sample Graph"
class="mx-auto filter blur-md z-0"
>
/>
</div>
<Loader v-else-if="isLoading" class="h-6 w-6 text-nt-blue mx-auto" />

6
client/components/open/forms/components/form-components/FormEditorPreview.vue
View File

@@ -16,16 +16,16 @@
<div id="cover-picture"
class="max-h-56 rounded-t-lg w-full overflow-hidden flex items-center justify-center"
>
<img alt="Cover Picture" :src="coverPictureSrc(form.cover_picture)" class="w-full">
<NuxtImg alt="Cover Picture" :src="coverPictureSrc(form.cover_picture)" class="w-full"/>
</div>
</div>
<div v-if="form.logo_picture" class="w-full mx-auto p-5 relative"
:class="{'pt-20':!form.cover_picture, 'max-w-lg': form && (form.width === 'centered')}"
>
<img alt="Logo Picture" :src="coverPictureSrc(form.logo_picture)"
<NuxtImg alt="Logo Picture" :src="coverPictureSrc(form.logo_picture)"
:class="{'top-5':!form.cover_picture, '-top-10':form.cover_picture}"
class="w-20 h-20 object-contain absolute left-5 transition-all"
>
/>
</div>
</div>
</transition>