From c8f953db7502a0c685e7485c1786979e7a019e4e Mon Sep 17 00:00:00 2001
From: DecafDev <40307803+decaf-dev@users.noreply.github.com>
Date: Tue, 6 Aug 2024 19:24:28 -0600
Subject: [PATCH] fix: hide tags container when screen size is small and list
 view is selected (#306)

---
 src/svelte/app/components/list-item.svelte | 24 +++++++++++-----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/svelte/app/components/list-item.svelte b/src/svelte/app/components/list-item.svelte
index bb8400b..18b07aa 100644
--- a/src/svelte/app/components/list-item.svelte
+++ b/src/svelte/app/components/list-item.svelte
@@ -99,6 +99,8 @@
 		});
 	}
 
+	$: console.log(tags);
+
 	$: tagsClassName = `vault-explorer-list-item__tags ${isSmallScreenSize ? "vault-explorer-list-item__tags--screen-size-sm" : ""}`;
 	$: titleClassName = `vault-explorer-list-item__title ${isSmallScreenSize ? "vault-explorer-list-item__title--screen-size-sm" : ""}`;
 </script>
@@ -148,19 +150,17 @@
 				</div>
 			</Stack>
 		</div>
-		{#if showTags}
+		{#if showTags && tags !== null}
 			<div class={tagsClassName}>
-				{#if tags !== null}
-					<Wrap
-						spacingX="sm"
-						spacingY="sm"
-						justify={isSmallScreenSize ? "flex-start" : "flex-end"}
-					>
-						{#each tags as tag}
-							<Tag name={tag} variant="unstyled" />
-						{/each}
-					</Wrap>
-				{/if}
+				<Wrap
+					spacingX="sm"
+					spacingY="sm"
+					justify={isSmallScreenSize ? "flex-start" : "flex-end"}
+				>
+					{#each tags as tag}
+						<Tag name={tag} variant="unstyled" />
+					{/each}
+				</Wrap>
 			</div>
 		{/if}
 	</Wrap>