3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-04 07:38:21 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐤 tabs component

Browse source
This commit is contained in:
alonso.torres 2020-03-23 11:33:31 +01:00
parent 2c1919117d
commit c09fe46790
5 changed files with 94 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
frontend/resources/styles/main.scss
View file

@ -67,6 +67,7 @@
@import 'main/partials/context-menu';
@import 'main/partials/debug-icons-preview';
@import 'main/partials/editable-label';
@import 'main/partials/tab-container';
//#################################################
// Resources

1
frontend/resources/styles/main/partials/sidebar.scss
View file

@ -78,6 +78,7 @@
flex-wrap: wrap;
overflow-y: auto;
padding-bottom: $medium;
height: 100%;
}
&#layers {

31
frontend/resources/styles/main/partials/tab-container.scss Normal file
View file

@ -0,0 +1,31 @@
.tab-container {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
}
.tab-container-tabs {
background: $color-gray-60;
cursor: pointer;
display: flex;
flex-direction: row;
font-size: 12px;
height: 2.5rem;
}
.tab-container-tab-title {
align-items: center;
background: $color-gray-60;
border-radius: 2px 2px 0px 0px;
color: $color-white;
display: flex;
justify-content: center;
margin: 0.5rem 0.25rem 0 0.25rem ;
width: 100%;
&.current{
background: $color-gray-50;
}
}