commit 47bfa83755e26c346150e3ad14eff45b4e6972c8 · pdsls.dev/pdsls

+17 -19

src/views/labels.tsx

···

       17
       17
        
       

     

       18
       18
        
         return (

     

       19
       19
        
           <div class="flex flex-col gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-3 dark:border-neutral-700 dark:bg-neutral-800">

     

       20
       20
       -
             <div class="flex flex-wrap items-center gap-x-2 gap-y-2">

     

       21
       21
       -
               <div class="inline-flex items-center gap-x-1 text-sm font-medium">

     

       22
       22
       -
                 <span class="iconify lucide--tag shrink-0" />

     

       23
       23
       -
                 {label.val}

     

       24
       24
       -
               </div>

     

       25
       25
       -
               <Show when={label.neg}>

     

       26
       26
       -
                 <div class="inline-flex items-center gap-x-1 text-xs font-medium text-red-500 dark:text-red-400">

     

       27
       27
       -
                   <span>negated</span>

     

       28
       28
       -
                 </div>

     

       29
       29
       -
               </Show>

     

       30
       30
       -
               <div class="flex flex-wrap gap-3 text-xs text-neutral-600 dark:text-neutral-400">

     

       31
       31
       -
                 <span>{localDateFromTimestamp(new Date(label.cts).getTime())}</span>

     

       32
       32
       -
                 <Show when={label.exp}>

     

       33
       33
       -
                   {(exp) => (

     

       34
       34
       -
                     <div class="flex items-center gap-x-1">

     

       35
       35
       -
                       <span class="iconify lucide--clock-fading shrink-0" />

     

       36
       36
       -
                       <span>{localDateFromTimestamp(new Date(exp()).getTime())}</span>

     

       37
       37
       -
                     </div>

     

       38
       38
       -
                   )}

     

       20
       20
       +
             <div class="flex gap-1 text-sm">

     

       21
       21
       +
               <span class="iconify lucide--tag shrink-0 self-center" />

     

       22
       22
       +
               <div class="flex flex-wrap items-baseline gap-2">

     

       23
       23
       +
                 <span class="font-medium">{label.val}</span>

     

       24
       24
       +
                 <Show when={label.neg}>

     

       25
       25
       +
                   <span class="text-xs font-medium text-red-500 dark:text-red-400">negated</span>

     

       39
       26
        
                 </Show>

     

       27
       27
       +
                 <div class="flex flex-wrap gap-2 text-xs text-neutral-600 dark:text-neutral-400">

     

       28
       28
       +
                   <span>{localDateFromTimestamp(new Date(label.cts).getTime())}</span>

     

       29
       29
       +
                   <Show when={label.exp}>

     

       30
       30
       +
                     {(exp) => (

     

       31
       31
       +
                       <div class="flex items-center gap-x-1">

     

       32
       32
       +
                         <span class="iconify lucide--clock-fading shrink-0" />

     

       33
       33
       +
                         <span>{localDateFromTimestamp(new Date(exp()).getTime())}</span>

     

       34
       34
       +
                       </div>

     

       35
       35
       +
                     )}

     

       36
       36
       +
                   </Show>

     

       37
       37
       +
                 </div>

     

       40
       38
        
               </div>

     

       41
       39
        
             </div>

     

       42
       40

+1 -1

src/views/repo.tsx

···

       478
       478
        
                 <Show when={location.hash === "#identity" || (error() && !location.hash)}>

     

       479
       479
        
                   <Show when={didDoc()}>

     

       480
       480
        
                     {(didDocument) => (

     

       481
       481
       -
                       <div class="flex flex-col gap-2 wrap-anywhere">

     

       481
       481
       +
                       <div class="flex flex-col gap-3 wrap-anywhere">

     

       482
       482
        
                         {/* ID Section */}

     

       483
       483
        
                         <div>

     

       484
       484
        
                           <div class="flex items-center gap-1">