storytold/storyteller-bevy
2
0
Fork 0
mirror of https://github.com/storytold/storyteller-bevy.git synced 2026-10-18 07:35:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

added tabs to side bar, including hierarchy

Browse Source
This commit is contained in:
Victor
2024-04-02 22:02:34 -07:00
parent 46351e53d3
commit 9fa2dca1cf
10 changed files with 159 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files
studio-frontend/src/app/tabs.element.scss
+21 -6
View File
@@ -1,20 +1,35 @@
:host {
font-family: "Fira Sans", sans-serif;
font-size: 15px;
// margin-bottom: ;
}
.studio-tabs {
// background: red;
display: flex;
appearance: none;
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
list-style: none;
margin-block-start: 0px;
margin-block-end: 0px;
width: 100%;
padding-inline-start: 0px;
li {
.studio-tabs-tab {
// width: max-content;
display: inline-flex;
justify-content: center;
// flex: 1;
border: none;
padding: 1rem 1.4rem;
padding: 1rem;
border-bottom: 4px solid transparent;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
font-weight: 500;
white-space: nowrap;
border-bottom: 4px solid var(--color-toolbar-background-light);
&.selected-tab {
color: #fff;
border-bottom: 4px solid #e66462;
}
}