···

       
187
       
187
       
 
       
    return (

     

       
188
       
188
       
 
       
      <button

     

       
189
       
189
       
 
       
        type="button"

     

       
190
       
190
       
-
       
        class="flex items-center gap-2 rounded-lg p-2 text-left text-xs hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
190
       
190
       
+
       
        class="flex items-center gap-2 rounded-md p-2 text-left text-xs hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
191
       
191
       
 
       
        onClick={props.onClick}

     

       
192
       
192
       
 
       
      >

     

       
193
       
193
       
 
       
        <span class={`iconify ${props.icon}`}></span>

     

···

       
33
       
33
       
 
       
        addToClipboard(props.content);

     

       
34
       
34
       
 
       
        ctx?.setShowMenu(false);

     

       
35
       
35
       
 
       
      }}

     

       
36
       
36
       
-
       
      class="flex items-center gap-1.5 rounded-lg p-1 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
36
       
36
       
+
       
      class="flex items-center gap-1.5 rounded-md p-1 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
37
       
37
       
 
       
    >

     

       
38
       
38
       
 
       
      <Show when={props.icon}>

     

       
39
       
39
       
 
       
        <span class={"iconify shrink-0 " + props.icon}></span>

     
···

       
56
       
56
       
 
       
    <A

     

       
57
       
57
       
 
       
      href={props.href}

     

       
58
       
58
       
 
       
      onClick={() => ctx?.setShowMenu(false)}

     

       
59
       
59
       
-
       
      class="flex items-center gap-1.5 rounded-lg p-1 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
59
       
59
       
+
       
      class="flex items-center gap-1.5 rounded-md p-1 hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
60
       
60
       
 
       
      classList={{ "justify-between": props.external }}

     

       
61
       
61
       
 
       
      target={props.newTab ? "_blank" : undefined}

     

       
62
       
62
       
 
       
    >

     
···

       
79
       
79
       
 
       
  return (

     

       
80
       
80
       
 
       
    <button

     

       
81
       
81
       
 
       
      onClick={props.onClick}

     

       
82
       
82
       
-
       
      class="flex items-center gap-1.5 rounded-lg p-1 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
82
       
82
       
+
       
      class="flex items-center gap-1.5 rounded-md p-1 whitespace-nowrap hover:bg-neutral-200/50 active:bg-neutral-200 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
83
       
83
       
 
       
    >

     

       
84
       
84
       
 
       
      <Show when={props.icon}>

     

       
85
       
85
       
 
       
        <span class={"iconify shrink-0 " + props.icon}></span>