From f7f53d5af3e0bebbdde7693efd724eb871af4e46 Mon Sep 17 00:00:00 2001
From: smanylov <bio29s@mail.ru>
Date: Wed, 28 Jan 2026 11:36:49 +0700
Subject: [PATCH] image styles for image view modal window

---
 src/app/styles/pages-styles.scss              | 27 +++++++++++++++++++
 .../ui/search/searched-user-files-list.tsx    | 12 +++++----
 2 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/src/app/styles/pages-styles.scss b/src/app/styles/pages-styles.scss
index 43a2f34..11d314e 100644
--- a/src/app/styles/pages-styles.scss
+++ b/src/app/styles/pages-styles.scss
@@ -3387,6 +3387,33 @@
 		overflow-y: auto;
 		background: v.$white;
 
+		.image-section {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			min-height: 400px;
+			background: #fafafa;
+			border-radius: 12px;
+			position: relative;
+		}
+
+		.image-container {
+			position: relative;
+			width: 100%;
+			height: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			img {
+				max-width: 100%;
+				max-height: 100%;
+				object-fit: contain;
+				border-radius: 8px;
+				box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
+			}
+		}
+
 		.file-info-card {
 			background: #ffffff;
 			border: 1px solid #e2e8f0;
diff --git a/src/app/ui/search/searched-user-files-list.tsx b/src/app/ui/search/searched-user-files-list.tsx
index b8f6c26..7a30f53 100644
--- a/src/app/ui/search/searched-user-files-list.tsx
+++ b/src/app/ui/search/searched-user-files-list.tsx
@@ -54,11 +54,13 @@ export function SearchedUserFilesList({ list }: { list: any }) {
 						className="modal-window-view-file-content"
 					>
 						<div className="flex gap-2">
-							<div>
-								<img
-									src={e.url ? e.url : '#'}
-									alt="img"
-								/>
+							<div className="image-section">
+								<div className="image-container">
+									<img
+										src={e.url ? e.url : '#'}
+										alt="img"
+									/>
+								</div>
 							</div>
 							<div
 								className="file-info-card"