From 2d903684f1f5aa24f9d010f143353205c48886a0 Mon Sep 17 00:00:00 2001
From: anulax1225 <anulax1225@icloud.com>
Date: Sun, 26 Jan 2025 19:18:28 +0100
Subject: [PATCH] Adaptation mobile

---
 resources/js/Pages/Album/Partials/Create.vue | 4 ++--
 resources/js/Pages/Photo/Partials/Create.vue | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/resources/js/Pages/Album/Partials/Create.vue b/resources/js/Pages/Album/Partials/Create.vue
index 923cd9d..9db03e3 100644
--- a/resources/js/Pages/Album/Partials/Create.vue
+++ b/resources/js/Pages/Album/Partials/Create.vue
@@ -47,8 +47,8 @@ const submit = () => {
 </script>
 
 <template>
-    <div class="text-left text-black laptop:w-[30rem] w-screen shadow-xl rounded-lg bg-gray-50 overflow-hidden
-    border border-gray-300">
+    <div class="text-left text-black laptop:w-[30rem] w-screen shadow-xl rounded-lg bg-gray-50 overflow-y-auto
+    border border-gray-300 max-h-[calc(100vh/2)]">
         <div v-if="imageState.url" class="max-h-72 overflow-hidden flex items-center">
             <img  :src="imageState.url">
         </div>
diff --git a/resources/js/Pages/Photo/Partials/Create.vue b/resources/js/Pages/Photo/Partials/Create.vue
index c2940c8..949ea6c 100644
--- a/resources/js/Pages/Photo/Partials/Create.vue
+++ b/resources/js/Pages/Photo/Partials/Create.vue
@@ -20,7 +20,7 @@ const imageRemoved = (file) => {
 
 <template>
     <div class="text-left text-black laptop:w-[30rem] w-screen shadow-2xl rounded-lg bg-gray-50 overflow-hidden
-    border border-gray-300">
+    border border-gray-300 max-h-[calc(100vh/2)] overflow-y-auto">
         <div v-if="imageState.url" class="max-h-72 overflow-hidden flex items-center">
             <img  :src="imageState.url">
         </div>