···

       
70
       
70
       
 
       
        <Show when={props.params.repo}>

     

       
71
       
71
       
 
       
          {/* Repository Level */}

     

       
72
       
72
       
 
       
          <div class="group relative flex items-center justify-between gap-1 rounded-md border-[0.5px] border-transparent bg-transparent px-2 transition-all duration-200 hover:border-neutral-300 hover:bg-neutral-50/40 dark:hover:border-neutral-600 dark:hover:bg-neutral-800/40">

     

       
73
       
73
       
-
       
            <div class="-ml-0.5 flex basis-full items-center gap-1 sm:-ml-1 sm:gap-0.5">

     

       
73
       
73
       
+
       
            <div class="-ml-1 flex basis-full items-center gap-0.5">

     

       
74
       
74
       
 
       
              <Tooltip text={showHandle() ? "Show DID" : "Show handle"}>

     

       
75
       
75
       
 
       
                <button

     

       
76
       
76
       
 
       
                  type="button"

     

       
77
       
77
       
-
       
                  class="relative flex items-center rounded p-0.5 text-neutral-500 transition-all duration-200 hover:bg-neutral-200/70 hover:text-neutral-700 active:bg-neutral-300/70 sm:p-1 dark:text-neutral-400 dark:hover:bg-neutral-700/70 dark:hover:text-neutral-200 dark:active:bg-neutral-600/70"

     

       
77
       
77
       
+
       
                  class="relative flex items-center rounded p-1 text-neutral-500 transition-all duration-200 hover:bg-neutral-200/70 hover:text-neutral-700 active:bg-neutral-300/70 dark:text-neutral-400 dark:hover:bg-neutral-700/70 dark:hover:text-neutral-200 dark:active:bg-neutral-600/70"

     

       
78
       
78
       
 
       
                  onclick={() => {

     

       
79
       
79
       
 
       
                    localStorage.showHandle = !showHandle();

     

       
80
       
80
       
 
       
                    setShowHandle(!showHandle());