commit 98b296f4a38fa5f6be226c89194708d1c8d62cd6 · pdsls.dev/pdsls

+11 -7
src/views/collection.tsx
···

       41
       41
        
       

     

       42
       42
        
         return (

     

       43
       43
        
           <span

     

       44
       44
       -
             class="relative flex items-baseline rounded px-0.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       44
       44
       +
             class="relative flex w-full items-baseline rounded px-0.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       45
       45
        
             ref={rkeyRef}

     

       46
       46
        
             onmouseover={() => setHover(true)}

     

       47
       47
        
             onmouseleave={() => setHover(false)}

     

       48
       48
        
           >

     

       49
       49
       -
             <span class="shrink-0 text-sm text-blue-400 sm:text-base">{props.record.rkey}</span>

     

       50
       50
       -
             <span class="ml-1 truncate text-xs text-neutral-500 dark:text-neutral-400" dir="rtl">

     

       51
       51
       -
               {props.record.cid}

     

       49
       49
       +
             <span class="flex items-baseline truncate">

     

       50
       50
       +
               <span class="shrink-0 text-sm text-blue-400 sm:text-base">{props.record.rkey}</span>

     

       51
       51
       +
               <span class="ml-1 truncate text-xs text-neutral-500 dark:text-neutral-400" dir="rtl">

     

       52
       52
       +
                 {props.record.cid}

     

       53
       53
       +
               </span>

     

       54
       54
       +
               <Show when={props.record.timestamp && props.record.timestamp <= Date.now()}>

     

       55
       55
       +
                 <span class="ml-1 shrink-0 text-xs">

     

       56
       56
       +
                   {localDateFromTimestamp(props.record.timestamp!)}

     

       57
       57
       +
                 </span>

     

       58
       58
       +
               </Show>

     

       52
       59
        
             </span>

     

       53
       53
       -
             <Show when={props.record.timestamp && props.record.timestamp <= Date.now()}>

     

       54
       54
       -
               <span class="ml-1 shrink-0 text-xs">{localDateFromTimestamp(props.record.timestamp!)}</span>

     

       55
       55
       -
             </Show>

     

       56
       60
        
             <Show when={hover()}>

     

       57
       61
        
               <span

     

       58
       62
        
                 ref={previewRef}