From af4f0f60a40285e572940313026135f5c87d06b7 Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Oliver.akins1999@gmail.com>
Date: Sat, 20 Apr 2024 15:40:40 -0600
Subject: [PATCH] Add layout to the effects tab (closes #145)

---
 styles/v3/layouts/items/untyped/v2.scss                | 5 +++++
 templates/items/untyped/v2/tabs/effects.v2.untyped.hbs | 8 +++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/styles/v3/layouts/items/untyped/v2.scss b/styles/v3/layouts/items/untyped/v2.scss
index ce6300f..d94bf49 100644
--- a/styles/v3/layouts/items/untyped/v2.scss
+++ b/styles/v3/layouts/items/untyped/v2.scss
@@ -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;
 
diff --git a/templates/items/untyped/v2/tabs/effects.v2.untyped.hbs b/templates/items/untyped/v2/tabs/effects.v2.untyped.hbs
index 9206962..630bce2 100644
--- a/templates/items/untyped/v2/tabs/effects.v2.untyped.hbs
+++ b/templates/items/untyped/v2/tabs/effects.v2.untyped.hbs
@@ -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>