From 678eb754cf5a7262a5b1963fa137ce906a735895 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Thu, 31 Oct 2024 10:29:37 +0300
Subject: [PATCH] Refactor #6690 - Form Image

---
 packages/primevue/src/image/style/ImageStyle.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/primevue/src/image/style/ImageStyle.js b/packages/primevue/src/image/style/ImageStyle.js
index a5c283095..dc6aeb9e0 100644
--- a/packages/primevue/src/image/style/ImageStyle.js
+++ b/packages/primevue/src/image/style/ImageStyle.js
@@ -15,8 +15,8 @@ const theme = ({ dt }) => `
 
 .p-image-preview-mask {
     position: absolute;
-    left: 0;
-    top: 0;
+    inset-inline-start: 0;
+    inset-block-start: 0;
     width: 100%;
     height: 100%;
     display: flex;
@@ -46,10 +46,10 @@ const theme = ({ dt }) => `
 
 .p-image-toolbar {
     position: absolute;
-    top: ${dt('image.toolbar.position.top')};
-    right: ${dt('image.toolbar.position.right')};
-    left: ${dt('image.toolbar.position.left')};
-    bottom: ${dt('image.toolbar.position.bottom')};
+    inset-block-start: ${dt('image.toolbar.position.top')};
+    inset-inline-end: ${dt('image.toolbar.position.right')};
+    inset-inline-start: ${dt('image.toolbar.position.left')};
+    inset-block-end: ${dt('image.toolbar.position.bottom')};
     display: flex;
     z-index: 1;
     padding: ${dt('image.toolbar.padding')};