DnD tabs (#44)

This commit is contained in:
Red J Adaya
2024-06-17 21:50:33 -07:00
committed by GitHub
parent 9adecebbf2
commit b6c85e38f6
15 changed files with 705 additions and 263 deletions
-53
View File
@@ -39,56 +39,3 @@
}
}
}
.tab-bar {
display: flex;
flex-direction: row;
height: 32px;
border-bottom: 1px solid var(--border-color);
flex-shrink: 0;
.tab {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100%;
font-weight: bold;
border-right: 1px solid var(--border-color);
user-select: none;
-webkit-user-select: none;
cursor: pointer;
position: relative;
&.active {
background-color: var(--highlight-bg-color);
}
&.active:hover .tab-close {
display: block;
}
.tab-close {
position: absolute;
display: none;
padding: 5px;
right: 2px;
top: 5px;
cursor: pointer;
}
}
.tab-add {
display: flex;
justify-content: center;
align-items: center;
width: 40px;
height: 100%;
cursor: pointer;
border-left: 1px solid transparent;
&:hover {
border-left: 1px solid white;
background-color: var(--highlight-bg-color);
}
}
}