Small fix to guide styling (#8605)

gradio-app · Jun 25, 2024 · fe83e64 · fe83e64
1 parent ca125b7
commit fe83e64
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 10 deletions.
diff --git a/.changeset/five-bags-dress.md b/.changeset/five-bags-dress.md
@@ -0,0 +1,5 @@
+---
+"website": minor
+---
+
+feat:Small fix to guide styling
diff --git a/js/_website/src/routes/[[version]]/guides/[guide]/+page.svelte b/js/_website/src/routes/[[version]]/guides/[guide]/+page.svelte
@@ -147,16 +147,18 @@
 						href="..{guide.url}">{guide.pretty_name}</a
 					>
 
-					<div
-						class="navigation max-w-full bg-gradient-to-r from-orange-50 to-orange-100 p-2 mx-2 border-l-2 border-orange-500 mb-2"
-					>
-						{#each guide_slug as heading}
-							<a
-								class="subheading block thin-link -indent-2 ml-4 mr-2"
-								href={heading.href}>{heading.text}</a
-							>
-						{/each}
-					</div>
+					{#if guide_slug.length > 0}
+						<div
+							class="navigation max-w-full bg-gradient-to-r from-orange-50 to-orange-100 p-2 mx-2 border-l-2 border-orange-500 mb-2"
+						>
+							{#each guide_slug as heading}
+								<a
+									class="subheading block thin-link -indent-2 ml-4 mr-2"
+									href={heading.href}>{heading.text}</a
+								>
+							{/each}
+						</div>
+					{/if}
 				{:else}
 					<a
 						class:hidden={!show_all &&