De-emphasize link meta

src/app/components/PinForm.svelte

@@ -9,6 +9,7 @@
 
 <script lang="ts">
   import {writable} from "svelte/store"
+  import {slide} from "@lib/transition"
   import AltArrowLeft from "@assets/icons/alt-arrow-left.svg?dataurl"
   import GallerySend from "@assets/icons/gallery-send.svg?dataurl"
   import Spinner from "@lib/components/Spinner.svelte"
@@ -83,6 +84,19 @@
       <ModalTitle>{heading}</ModalTitle>
       <ModalSubtitle>on <RelayName {url} class="text-primary" /></ModalSubtitle>
     </ModalHeader>
+    <Field>
+      {#snippet label()}
+        Link
+      {/snippet}
+      {#snippet info()}
+        <p>A URL or nostr link (note, nevent, naddr, npub, or nprofile).</p>
+      {/snippet}
+      {#snippet input()}
+        <input bind:value class="input w-full" placeholder="URL or nevent..." />
+      {/snippet}
+    </Field>
+    {#if value.trim()}
+      <div transition:slide class="card card-sm flex flex-col gap-4 opacity-75">
         <Field>
           {#snippet label()}
             Title
@@ -122,17 +136,8 @@
             <StringMultiInput bind:value={topics} placeholder="Add a topic..." />
           {/snippet}
         </Field>
-    <Field>
+      </div>
-      {#snippet label()}
+    {/if}
-        Link
-      {/snippet}
-      {#snippet info()}
-        <p>A URL or nostr link (note, nevent, naddr, npub, or nprofile).</p>
-      {/snippet}
-      {#snippet input()}
-        <input bind:value class="input w-full" placeholder="URL or nevent..." />
-      {/snippet}
-    </Field>
   </ModalBody>
   <ModalFooter>
     <Button class="button button-link" onclick={back}>