···

       
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-600 dark:text-green-400": isAddition,

     

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

     

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

     

       
203
       
203
       
+
       
              "text-red-400 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-600 dark:text-red-400">

     

       
219
       
219
       
+
       
            <div class="flex items-start gap-2 text-red-400 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-600 dark:text-green-400">

     

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

     

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

     

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

     

       
226
       
226
       
 
       
            </div>