···

       
170
       
170
       
 
       
      <div

     

       
171
       
171
       
 
       
        classList={{

     

       
172
       
172
       
 
       
          "grid grid-cols-[auto_1fr] gap-y-0.5 gap-x-2": true,

     

       
173
       
173
       
-
       
          "opacity-60": diff.orig.nullified,

     

       
173
       
173
       
+
       
          "opacity-70": diff.orig.nullified,

     

       
174
       
174
       
 
       
        }}

     

       
175
       
175
       
 
       
      >

     

       
176
       
176
       
 
       
        <div class={`${icon} iconify shrink-0 self-center`} />

     
···

       
184
       
184
       
 
       
            {title}

     

       
185
       
185
       
 
       
          </p>

     

       
186
       
186
       
 
       
          <Show when={badge}>

     

       
187
       
187
       
-
       
            <span class="shrink-0 rounded bg-neutral-200 px-1.5 py-0.5 text-xs font-medium dark:bg-neutral-700">

     

       
187
       
187
       
+
       
            <span class="shrink-0 rounded bg-neutral-200 px-1.5 py-0.5 text-xs font-medium text-neutral-700 dark:bg-neutral-700 dark:text-neutral-300">

     

       
188
       
188
       
 
       
              #{badge}

     

       
189
       
189
       
 
       
            </span>

     

       
190
       
190
       
 
       
          </Show>

     
···

       
199
       
199
       
 
       
          <div

     

       
200
       
200
       
 
       
            classList={{

     

       
201
       
201
       
 
       
              "text-sm break-all flex items-start gap-2 min-w-0": true,

     

       
202
       
202
       
-
       
              "text-green-500 dark:text-green-300": isAddition,

     

       
203
       
203
       
-
       
              "text-red-400 dark:text-red-300": isRemoval,

     

       
202
       
202
       
+
       
              "text-green-700 dark:text-green-300": isAddition,

     

       
203
       
203
       
+
       
              "text-red-700 dark:text-red-300": isRemoval,

     

       
204
       
204
       
 
       
              "text-neutral-600 dark:text-neutral-400": !isAddition && !isRemoval,

     

       
205
       
205
       
 
       
            }}

     

       
206
       
206
       
 
       
          >

     
···

       
216
       
216
       
 
       
        <Show when={oldValue && newValue}>

     

       
217
       
217
       
 
       
          <div></div>

     

       
218
       
218
       
 
       
          <div class="flex min-w-0 flex-col text-sm">

     

       
219
       
219
       
-
       
            <div class="flex items-start gap-2 text-red-400 dark:text-red-300">

     

       
219
       
219
       
+
       
            <div class="flex items-start gap-2 text-red-700 dark:text-red-300">

     

       
220
       
220
       
 
       
              <span class="shrink-0">−</span>

     

       
221
       
221
       
 
       
              <span class="break-all">{oldValue}</span>

     

       
222
       
222
       
 
       
            </div>

     

       
223
       
223
       
-
       
            <div class="flex items-start gap-2 text-green-500 dark:text-green-300">

     

       
223
       
223
       
+
       
            <div class="flex items-start gap-2 text-green-700 dark:text-green-300">

     

       
224
       
224
       
 
       
              <span class="shrink-0">+</span>

     

       
225
       
225
       
 
       
              <span class="break-all">{newValue}</span>

     

       
226
       
226
       
 
       
            </div>