Add layout to the effects tab (closes #145)

This commit is contained in:
Oliver-Akins 2024-04-20 15:40:40 -06:00
parent 6198146c6c
commit af4f0f60a4
2 changed files with 12 additions and 1 deletions

View file

@ -44,6 +44,7 @@
%flex-col { %flex-col {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 8px;
} }
@include utils.tab("details") { @include utils.tab("details") {
@ -56,6 +57,10 @@
} }
} }
@include utils.tab("effects") {
@extend %flex-col;
}
@include utils.tab("settings") { @include utils.tab("settings") {
@extend %flex-col; @extend %flex-col;

View file

@ -1,3 +1,9 @@
<div class="tab" data-group="page" data-tab="effects"> <div class="tab" data-group="page" data-tab="effects">
Effects Tab <div class="effect panel">
Am Effect, Hewwo
</div>
<button>
<dd-icon name="ui/plus" var:fill="currentColor"></dd-icon>
Create Effect
</button>
</div> </div>