3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-11 22:36:38 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Add new palette UI

Browse source
This commit is contained in:
Eva 2023-04-27 12:44:11 +02:00 • committed by Alonso Torres
parent 56bee7dd7c
commit fe8f13ed57
114 changed files with 6754 additions and 3172 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/app/main/ui/components/tab_container.scss
View file

@ -26,8 +26,7 @@
flex-direction: row;
gap: $s-2;
height: $s-32;
margin: $s-4 $s-4 0 $s-4;
padding: $s-2 $s-2 $s-2 0;
padding: $s-2 $s-2 $s-2 $s-2;
border-radius: $br-8;
background: var(--color-background-secondary);
cursor: pointer;
@ -43,10 +42,12 @@
@include tabTitleTipography;
height: $s-28;
width: 100%;
padding: 0 $s-8;
margin: 0;
border-radius: $br-5;
background-color: transparent;
color: var(--tab-foreground-color);
white-space: nowrap;
&.current,
&.current:hover {
@ -63,12 +64,13 @@
@include buttonStyle;
height: 100%;
width: $s-24;
padding: 0;
min-width: $s-24;
padding: 0 $s-6 0 0;
border-radius: $br-5;
svg {
@include flexCenter;
height: 12px;
width: 16px;
height: $s-16;
width: $s-16;
stroke: var(--icon-foreground);
transform: rotate(180deg);
fill: none;
@ -83,6 +85,7 @@
&.collapsed {
svg {
transform: rotate(0deg);
padding: 0 0 0 $s-6;
}
}
}