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

Remove NuxtImg for non asset files

Browse Source
This commit is contained in:
Julien Nahum
2024-01-10 16:17:47 +01:00
parent 158dba64dc
commit 9750406025
17 changed files with 23 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/components/forms/components/UploadedFile.vue
View File

@@ -4,7 +4,7 @@
:title="file.file.name"
>
<div v-if="file.src && !isImageHide" class="h-20 overflow-hidden flex">
<NuxtImg class="block object-cover object-center w-full" :src="file.src" @error="isImageHide=true"/>
<img class="block object-cover object-center w-full" :src="file.src" @error="isImageHide=true"/>
</div>
<div v-else class="h-20 flex items-center justify-center">
<svg class="w-10 h-10 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"

2
client/components/global/Navbar.vue
View File

@@ -53,7 +53,7 @@
class="flex items-center justify-center w-full rounded-md px-4 py-2 text-sm text-gray-700 dark:text-gray-50 hover:bg-gray-50 dark:hover:bg-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-gray-500"
dusk="nav-dropdown-button" @click.stop="toggle()"
>
<NuxtImg :src="user.photo_url" class="rounded-full w-6 h-6"/>
<img :src="user.photo_url" class="rounded-full w-6 h-6"/>
<p class="ml-2 hidden sm:inline">
{{ user.name }}
</p>

4
client/components/global/WorkspaceDropdown.vue
View File

@@ -6,7 +6,7 @@
<template v-if="workspace" #trigger="{toggle}">
<div class="flex items-center cursor group" role="button" @click.stop="toggle()">
<div class="rounded-full h-8 8">
<NuxtImg v-if="isUrl(workspace.icon)"
<img v-if="isUrl(workspace.icon)"
:src="workspace.icon"
:alt="workspace.name + ' icon'" class="flex-shrink-0 h-8 w-8 rounded-full shadow"
/>
@@ -26,7 +26,7 @@
:class="{'bg-blue-100 dark:bg-blue-900':workspace.id === worksp.id}" @click.prevent="switchWorkspace(worksp)"
>
<div class="rounded-full h-8 w-8 flex-shrink-0" role="button">
<NuxtImg v-if="isUrl(worksp.icon)"
<img v-if="isUrl(worksp.icon)"
:src="worksp.icon"
:alt="worksp.name + ' icon'" class="flex-shrink-0 h-8 w-8 rounded-full shadow"
/>

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>
<NuxtImg v-else :alt="field.name" :src="field.image_block" class="max-w-full"/>
<img v-else :alt="field.name" :src="field.image_block" class="max-w-full"/>
</div>
</template>
</div>

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

@@ -16,13 +16,13 @@
<div id="cover-picture"
class="max-h-56 rounded-t-lg w-full overflow-hidden flex items-center justify-center"
>
<NuxtImg alt="Cover Picture" :src="coverPictureSrc(form.cover_picture)" class="w-full"/>
<img 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')}"
>
<NuxtImg alt="Logo Picture" :src="coverPictureSrc(form.logo_picture)"
<img 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"
/>

2
client/components/open/tables/components/OpenFile.vue
View File

@@ -8,7 +8,7 @@
rel="nofollow"
>
<div v-if="isImage(file.file_url)" class="w-8 h-8">
<NuxtImg class="object-cover h-full w-full rounded" :src="file.file_url"/>
<img class="object-cover h-full w-full rounded" :src="file.file_url"/>
</div>
<span v-else
class="py-1 px-2"

4
client/components/pages/forms/show/FormQrCode.vue
View File

@@ -3,7 +3,7 @@
<h3 class="font-semibold text-xl">QR Code</h3>
<p>Scan the QR code to open the form (Right click to copy the image)</p>
<div class="flex items-center">
<NuxtImg v-if="QrUrl" :src="QrUrl" class="m-auto" />
<img v-if="QrUrl" :src="QrUrl" class="m-auto" />
</div>
</div>
</template>
@@ -18,7 +18,7 @@ export default {
},
data () {
return {
return {
QrUrl: null
}
},

2
client/components/pages/templates/SingleTemplate.vue
View File

@@ -17,7 +17,7 @@
</div>
<div class="aspect-[4/3] rounded-lg shadow-sm overflow-hidden">
<NuxtImg class="group-hover:scale-110 transition-all duration-200 h-full object-cover w-full"
<img class="group-hover:scale-110 transition-all duration-200 h-full object-cover w-full"
:src="template.image_url" alt=""
/>
</div>