fix: content version styles

Author: cklei-carly

resources/css/index.css

@@ -32,7 +32,7 @@
 
 /* Content History */
 .content-history .publish-time-badge {
-    @apply bg-custom-50 dark:bg-custom-400/10 ring-1 ring-custom-600 ring-custom-600/10;
+    @apply bg-color-50 dark:bg-color-400/10 ring-1 ring-color-600 ring-color-600/10;
     @apply rounded-md px-2 py-1;
     @apply text-xs font-medium;
     @apply flex items-center justify-center gap-1;

resources/dist/inspirecms.css

@@ -7,12 +7,12 @@
         ->merge(['class' => 'version-diff-item']) 
     }}
 >
-    <div {{ (new ComponentAttributeBag)->gridColumn(['default' => 1])->class(['version-diff-item-title font-semibold']) }}>{{ $key }}</div>
-    <div {{ (new ComponentAttributeBag)->gridColumn(['default' => 2, 'md' => 4]) }} >
+    <div {{ (new ComponentAttributeBag)->gridColumn(['default' => 1, 'md' => 1])->class(['version-diff-item-title font-semibold']) }}>{{ $key }}</div>
+    <div {{ (new ComponentAttributeBag)->gridColumn(['default' => 2, 'md' => 4])->class(['testttt']) }} >
         @if (is_array($value))
             <x-inspirecms::version-diff.items :items="$value"/>
         @else
             {!! $value !!}
         @endif
-    </d>
+    </div>
 </div>

resources/views/components/version-diff/item.blade.php

@@ -30,6 +30,9 @@ public static function configure(Table $table): Table
             ->searchPlaceholder(__('inspirecms::resources/content-version.tables.search_placeholder'))
             ->emptyStateHeading(__('inspirecms::resources/content-version.empty_state.heading'))
             ->emptyStateDescription(__('inspirecms::resources/content-version.empty_state.description'))
+            ->extraAttributes([
+                'class' => 'content-history',
+            ])
             ->columns([
                 Split::make([
                     Stack::make([
@@ -95,13 +98,14 @@ public static function configure(Table $table): Table
                     })
                     ->color('primary')
                     ->icon('heroicon-o-clock')
+                    ->iconColor('primary')
                     ->alignCenter()
+                    ->verticalAlignment('center')
                     ->tooltip(fn ($state) => $state?->format('Y-m-d H:i:s') ?? __('inspirecms::messages.no_published_yet'))
                     ->extraAttributes(fn ($state) => [
                         'class' => filled($state) ? 'publish-time-badge' : 'hidden',
                         'style' => get_color_css_variables('primary', shades: [50, 400, 600]),
                     ]),
-
             ])
             ->filters([