github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-06-30 03:15:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ Changed org avatar shape from rounded to squared

Browse Source
This commit is contained in:
Marina López 2026-06-19 15:05:43 +02:00
parent a627d5c4d1
commit e8e0d68019
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/app/main/ui/components/org_avatar.scss
View File

@ -6,10 +6,10 @@
@use "ds/typography.scss" as t;
@use "ds/colors.scss" as *;
@use "ds/_utils.scss" as *;
.org-avatar {
position: relative;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
@ -19,18 +19,21 @@
}
.org-avatar-xxxl {
width: var(--sp-xxxl);
height: var(--sp-xxxl);
width: px2rem(30);
height: px2rem(30);
border-radius: px2rem(6);
}
.org-avatar-xxl {
width: var(--sp-xxl);
height: var(--sp-xxl);
border-radius: px2rem(5);
}
.org-avatar-xl {
width: var(--sp-xl);
height: var(--sp-xl);
width: px2rem(22);
height: px2rem(22);
border-radius: var(--sp-xs);
}
.org-avatar-bg {

5
frontend/src/app/main/ui/dashboard/sidebar.scss
View File

@ -191,7 +191,7 @@
@extend %menu-item-base;
display: grid;
grid-template-columns: var(--sp-xxxl) 1fr auto;
grid-template-columns: auto 1fr auto;
gap: var(--sp-s);
height: $sz-40;
}
@ -603,7 +603,7 @@
height: calc(2 * var(--sp-xxxl));
max-height: calc(2 * var(--sp-xxxl));
justify-content: space-between;
padding: 0 var(--sp-xl);
padding: 0 var(--sp-l);
}
.selected-org {
@ -690,6 +690,7 @@
grid-template-columns: 1fr auto auto;
gap: var(--sp-s);
height: 100%;
padding: 0 px2rem(10);
width: 100%;
}