diff --git a/src/svelte/app/components/list-item.svelte b/src/svelte/app/components/list-item.svelte index fe1a883..83ecbfa 100644 --- a/src/svelte/app/components/list-item.svelte +++ b/src/svelte/app/components/list-item.svelte @@ -18,7 +18,8 @@ export let extension: string; export let path: string; export let tags: string[] | null; - export let showTags: boolean; + + let showTags: boolean; export let isSmallScreenSize: boolean; export let enablePremiumFeatures: boolean; @@ -98,8 +99,8 @@ }); } - $: 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" : ""}`; + $: tagsClassName = `vault-explorer-list-item__tags ${isSmallScreenSize ? "vault-explorer-list-item__tags--full" : ""}`; + $: titleClassName = `vault-explorer-list-item__title ${isSmallScreenSize || !showTags ? "vault-explorer-list-item__title--full" : ""}`;
diff --git a/src/svelte/app/components/list-view.svelte b/src/svelte/app/components/list-view.svelte index eed889e..65fd396 100644 --- a/src/svelte/app/components/list-view.svelte +++ b/src/svelte/app/components/list-view.svelte @@ -6,7 +6,6 @@ export let data: FileRenderData[]; export let startIndex: number; export let pageLength: number; - export let showTags: boolean; export let isSmallScreenSize: boolean; export let enablePremiumFeatures: boolean; @@ -28,7 +27,6 @@ {#each filteredItems as fileRenderData (fileRenderData.id)}