image styles for image view modal window

2026-01-28 11:36:49 +07:00
parent 9a6491b76b
commit f7f53d5af3
2 changed files with 34 additions and 5 deletions
@@ -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;