From 0a0a7d5d8ca51168bfef4f18c675b83dec7b9ac7 Mon Sep 17 00:00:00 2001
From: Ejaaz Khan <ejaaz@frappe.io>
Date: Wed, 17 Dec 2025 01:45:02 +0530
Subject: [PATCH] feat: re-design sidebar with Image

---
 frappe/public/scss/desk/form_sidebar.scss | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/frappe/public/scss/desk/form_sidebar.scss b/frappe/public/scss/desk/form_sidebar.scss
index 87e56ba438..603e25c405 100644
--- a/frappe/public/scss/desk/form_sidebar.scss
+++ b/frappe/public/scss/desk/form_sidebar.scss
@@ -1,6 +1,6 @@
 :root {
 	--form-sidebar-width: 277px;
-	--form-sidebar-image-width: 40px;
+	--form-sidebar-image-width: 75px;
 }
 .underline-hover {
 	display: initial;
@@ -65,22 +65,20 @@
 	}
 
 	.sidebar-image-section {
-		padding: 8px 12px;
-		display: flex;
-		gap: 4px;
+		padding-bottom: 0px;
 		.sidebar-image {
 			height: auto;
-			max-height: var(--sidebar-width);
 			object-fit: cover;
 			cursor: pointer;
 		}
 
 		.standard-image {
-			font-size: 52px;
+			font-size: 40px;
 			border-radius: var(--border-radius-lg);
 		}
 
 		.sidebar-image-wrapper {
+			margin: auto;
 			position: relative;
 			width: fit-content;
 			height: fit-content;
@@ -89,10 +87,8 @@
 		.sidebar-image,
 		.sidebar-standard-image {
 			transition: opacity 0.3s;
-			border-radius: var(--border-radius-lg);
-			border: 1px solid var(--border-color);
 			width: var(--form-sidebar-image-width);
-			height: var(--form-sidebar-image-width);
+			border-radius: var(--border-radius-lg);
 		}
 
 		.sidebar-image-wrapper:hover {