forked from
pds.ls/pdsls
atmosphere explorer
truncate long operations
+4
-4
+4
-4
src/views/logs.tsx
+4
-4
src/views/logs.tsx
···
226
226
<div></div>
227
227
<div
228
228
classList={{
229
-
"text-sm break-all flex items-start gap-2 min-w-0": true,
229
+
"text-sm flex items-start gap-2 min-w-0": true,
230
230
"text-green-700 dark:text-green-300": isAddition,
231
231
"text-red-700 dark:text-red-300": isRemoval,
232
232
"text-neutral-600 dark:text-neutral-400": !isAddition && !isRemoval,
···
238
238
<Show when={isRemoval}>
239
239
<span class="shrink-0">−</span>
240
240
</Show>
241
-
<span class="break-all">{value}</span>
241
+
<span class="truncate">{value}</span>
242
242
</div>
243
243
</Show>
244
244
<Show when={oldValue && newValue}>
···
246
246
<div class="flex min-w-0 flex-col text-sm">
247
247
<div class="flex items-start gap-2 text-red-700 dark:text-red-300">
248
248
<span class="shrink-0">−</span>
249
-
<span class="break-all">{oldValue}</span>
249
+
<span class="truncate">{oldValue}</span>
250
250
</div>
251
251
<div class="flex items-start gap-2 text-green-700 dark:text-green-300">
252
252
<span class="shrink-0">+</span>
253
-
<span class="break-all">{newValue}</span>
253
+
<span class="truncate">{newValue}</span>
254
254
</div>
255
255
</div>
256
256
</Show>