reorganize add images components

This commit is contained in:
isUnknown 2024-10-09 17:36:35 +02:00
parent 2f96f3f901
commit 14878fb3f2
6 changed files with 11 additions and 10 deletions

View file

@ -1 +1,5 @@
Title: Réalisation
----
Uuid: rVtGY13I3P0Pi1pE Uuid: rVtGY13I3P0Pi1pE

View file

@ -51,7 +51,7 @@ import Header from "./Header.vue";
import { usePageStore } from "../../../stores/page"; import { usePageStore } from "../../../stores/page";
import { ref } from "vue"; import { ref } from "vue";
import ImageDetailsModal from "./ImageDetailsModal.vue"; import ImageDetailsModal from "./ImageDetailsModal.vue";
import AddImagesModal from "./AddImagesModal.vue"; import AddImagesModal from "./add-images-modal/AddImagesModal.vue";
const { page } = usePageStore(); const { page } = usePageStore();

View file

@ -37,7 +37,7 @@ import Dialog from "primevue/dialog";
import ImagesResources from "./ImagesResources.vue"; import ImagesResources from "./ImagesResources.vue";
import ImagesEditPanel from "./ImagesEditPanel.vue"; import ImagesEditPanel from "./ImagesEditPanel.vue";
import MyImages from "./MyImages.vue"; import MyImages from "./MyImages.vue";
import { usePageStore } from "../../../stores/page"; import { usePageStore } from "../../../../stores/page";
import { ref, watch } from "vue"; import { ref, watch } from "vue";
const { isAddImagesModalOpen, images } = defineProps({ const { isAddImagesModalOpen, images } = defineProps({

View file

@ -106,8 +106,8 @@ import Accordion from "primevue/accordion";
import AccordionPanel from "primevue/accordionpanel"; import AccordionPanel from "primevue/accordionpanel";
import AccordionHeader from "primevue/accordionheader"; import AccordionHeader from "primevue/accordionheader";
import AccordionContent from "primevue/accordioncontent"; import AccordionContent from "primevue/accordioncontent";
import { usePageStore } from "../../../stores/page"; import { usePageStore } from "../../../../stores/page";
import { toPascalCase } from "../../../helpers"; import { toPascalCase } from "../../../../helpers";
import debounce from "lodash/debounce"; import debounce from "lodash/debounce";
const { images } = defineProps({ const { images } = defineProps({

View file

@ -1,8 +1,5 @@
<template> <template>
<div <div class="auto-grid" style="--min: 15rem; --gap: 0.5rem">
class="auto-grid"
style="--min: 15rem; --gap: 0.5rem"
>
<figure v-for="image in images" class="image"> <figure v-for="image in images" class="image">
<img :src="image.url" alt="" /> <img :src="image.url" alt="" />
</figure> </figure>
@ -11,7 +8,7 @@
<script setup> <script setup>
import { ref } from "vue"; import { ref } from "vue";
import { useApiStore } from "../../../stores/api"; import { useApiStore } from "../../../../stores/api";
const { params } = defineProps({ const { params } = defineProps({
params: Object, params: Object,

View file

@ -49,7 +49,7 @@
</template> </template>
<script setup> <script setup>
import { usePageStore } from "../../../stores/page"; import { usePageStore } from "../../../../stores/page";
import Toast from "primevue/toast"; import Toast from "primevue/toast";
import { useToast } from "primevue/usetoast"; import { useToast } from "primevue/usetoast";
import FileUpload from "primevue/fileupload"; import FileUpload from "primevue/fileupload";