Add layout to the effects tab (closes #145)
This commit is contained in:
parent
6198146c6c
commit
af4f0f60a4
2 changed files with 12 additions and 1 deletions
|
|
@ -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;
|
||||
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue