From 8872adfd95ed1767dc369f35f7b8aa831f9835ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Losada=20Hern=C3=A1ndez?=
 <losada.hernandez.victor@gmail.com>
Date: Fri, 24 Apr 2026 13:18:18 +0200
Subject: [PATCH] make sure tall images fit

---
 client/components/codeEditor/codeEditor.less | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/client/components/codeEditor/codeEditor.less b/client/components/codeEditor/codeEditor.less
index 3594742fd..074d1e265 100644
--- a/client/components/codeEditor/codeEditor.less
+++ b/client/components/codeEditor/codeEditor.less
@@ -162,8 +162,6 @@
 
 		&::before, &::after {
 			content:"";
-			width:100px;
-			height:100px;
 			position:absolute;
 			bottom:0;
 			left:0;
@@ -176,14 +174,20 @@
 		}
 
 		&::before{
+			width:200px;
+			height:200px;
 			background-color: #fff;
 			border-radius:10px;
 			border:3px solid grey;
 		}
 
 		&::after {
+			width:190px;
+			height:190px;
+			//padding of 5px + 3px border: 8px
+			translate:8px calc(100% + 8px);
 			background-image: var(--preview-img);
-			background-size:80%;
+			background-size:contain;
 			background-repeat:no-repeat;
 			background-position:center;
 			filter:drop-shadow(0 0 5px #0008);