vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

feat: re-design sidebar with Image

Browse source
This commit is contained in:
Ejaaz Khan 2025-12-17 01:45:02 +05:30
parent 67f4f3170d
commit 0a0a7d5d8c
1 changed files with 5 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frappe/public/scss/desk/form_sidebar.scss
View file

@ -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 {