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

View file

@ -1,3 +1,9 @@
<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>