From 98569333a878e6aa7ecec23531ddae69219bd60f Mon Sep 17 00:00:00 2001
From: Charles <charles.blancheton@addeus.ai>
Date: Tue, 15 Apr 2025 17:05:09 +0200
Subject: [PATCH] refactor: reorder imports and add height styling to gallery
 component

---
 components/AGallery.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/AGallery.vue b/components/AGallery.vue
index 723ed0a..1d5df6d 100644
--- a/components/AGallery.vue
+++ b/components/AGallery.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { ref, computed } from "vue";
-import AIcon from "./AIcon.vue";
-import AButton from "./AButton.vue";
 import { useWindowSize } from "@vueuse/core";
+import { computed, ref } from "vue";
 import { useBreakpoints } from "../stores/breakpoint";
+import AButton from "./AButton.vue";
+import AIcon from "./AIcon.vue";
 
 const breakpoints = useBreakpoints();
 const isMobile = breakpoints.smaller("md");
@@ -359,6 +359,7 @@ const mediasAndInspirations = computed((): string[] => {
     width: var(--width);
     overflow: hidden;
     background: var(--a-white);
+    height: var(--height);
 
     @media screen and (max-width: 767px) {
       max-width: 100%;
@@ -417,6 +418,7 @@ const mediasAndInspirations = computed((): string[] => {
         :slotted(div) {
           height: 100%;
           width: 100%;
+          object-fit: contain;
 
           img {
             height: 100%;