update styling

Author: AzGasim

packages/slug/resources/views/forms/fields/slug-input.blade.php

@@ -78,11 +78,11 @@
                         <div style="display: flex; align-items: center; flex: 1 1 0; min-width: 0;">
                             <span>{{ $getLabelPrefix() }}</span>
                             <span style="color: #9ca3af; margin-left: 0.25rem;">{{ $getFullBaseUrl() }}</span>
+                            <span style="color: #9ca3af; font-weight: 600; margin-left: 0.25rem;">{{ $getState() }}</span>
                             <x-filament::link tag="button" x-on:click.prevent="initModification()" x-show="!editing"
                                 x-bind:class="context !== 'create' && modified ? 'text-gray-600 bg-gray-100 dark:text-gray-400 dark:bg-gray-700 px-1 rounded-md' : ''"
                                 icon="heroicon-m-pencil-square" icon-size="sm" icon-position="after"
                                 style="margin-left: 0.25rem;">
-                                <span class="mr-1">{{ $getState() }}</span>
                             </x-filament::link>
                             @if($getSlugLabelPostfix())
                                 <span style="margin-left: 0.125rem; color: #9ca3af;">{{ $getSlugLabelPostfix() }}</span>
@@ -117,10 +117,12 @@
                                     {{ __('slug::fields.permalink_action_ok') }}
                                 </x-filament::button>
                                 <x-filament::link x-show="context === 'edit' && modified"
-                                    x-on:click.prevent="resetModification()" tag="button" icon="heroicon-o-arrow-path"
+                                    x-on:click.prevent="resetModification()" tag="button"
+                                    tooltip="{{ __('slug::fields.permalink_action_reset') }}" icon="heroicon-o-arrow-path"
                                     color="gray" size="sm">
                                 </x-filament::link>
-                                <x-filament::link x-on:click.prevent="cancelModification()" tag="button"
+                                <x-filament::link x-on:click.prevent="cancelModification()"
+                                    tooltip="{{ __('slug::fields.permalink_action_cancel') }}" tag="button"
                                     icon="heroicon-o-x-mark" color="gray" size="sm">
                                 </x-filament::link>
                             </div>

packages/slug/src/Forms/Components/TitleWithSlugInput.php

@@ -64,16 +64,16 @@ public static function make(
             ->autocomplete(false)
             ->rules($titleRules)
             ->extraInputAttributes($titleExtraInputAttributes ?? ['class' => 'text-xl font-semibold'])
-            ->beforeStateDehydrated(fn (TextInput $component, $state) => $component->state(trim($state)))
+            ->beforeStateDehydrated(fn(TextInput $component, $state) => $component->state(trim($state)))
             ->afterStateUpdated(
                 function ($state, Set $set, Get $get, string $context, ?Model $record, TextInput $component) use ($slugSlugifier, $fieldSlug, $titleAfterStateUpdated) {
-                    $slugAutoUpdateDisabled = $get($fieldSlug.'_slug_auto_update_disabled');
+                    $slugAutoUpdateDisabled = $get($fieldSlug . '_slug_auto_update_disabled');
 
                     if ($context === 'edit' && filled($record)) {
                         $slugAutoUpdateDisabled = true;
                     }
 
-                    if (! $slugAutoUpdateDisabled && filled($state)) {
+                    if (!$slugAutoUpdateDisabled && filled($state)) {
                         $set($fieldSlug, self::slugify($slugSlugifier, $state));
                     }
 
@@ -88,10 +88,10 @@ function ($state, Set $set, Get $get, string $context, ?Model $record, TextInput
         }
 
         if ($titlePlaceholder !== '') {
-            $textInput->placeholder($titlePlaceholder ?: fn () => Str::of($fieldTitle)->headline());
+            $textInput->placeholder($titlePlaceholder ?: fn() => Str::of($fieldTitle)->headline());
         }
 
-        if (! $titleLabel) {
+        if (!$titleLabel) {
             $textInput->hiddenLabel();
         }
 
@@ -105,15 +105,15 @@ function ($state, Set $set, Get $get, string $context, ?Model $record, TextInput
 
         /** Input: "Slug" (+ view) */
         $slugInput = SlugInput::make($fieldSlug)
-
+            ->extraAttributes(['style' => 'margin-top: -15px;'])
             // Custom SlugInput methods
             ->slugInputVisitLinkRoute($urlVisitLinkRoute)
             ->slugInputVisitLinkLabel($urlVisitLinkLabel)
             ->slugInputUrlVisitLinkVisible($urlVisitLinkVisible)
-            ->slugInputContext(fn ($context) => $context === 'create' ? 'create' : 'edit')
-            ->slugInputRecordSlug(fn (?Model $record) => data_get($record?->attributesToArray(), $fieldSlug))
+            ->slugInputContext(fn($context) => $context === 'create' ? 'create' : 'edit')
+            ->slugInputRecordSlug(fn(?Model $record) => data_get($record?->attributesToArray(), $fieldSlug))
             ->slugInputModelName(
-                fn (?Model $record) => $record
+                fn(?Model $record) => $record
                 ? Str::of(class_basename($record))->headline()
                 : ''
             )
@@ -138,7 +138,7 @@ function ($state, Set $set, Get $get, TextInput $component) use ($slugSlugifier,
 
                     $set($fieldSlug, self::slugify($slugSlugifier, $text));
 
-                    $set($fieldSlug.'_slug_auto_update_disabled', true);
+                    $set($fieldSlug . '_slug_auto_update_disabled', true);
 
                     if ($slugAfterStateUpdated) {
                         $component->evaluate($slugAfterStateUpdated);
@@ -152,10 +152,10 @@ function ($state, Set $set, Get $get, TextInput $component) use ($slugSlugifier,
 
         $slugRuleUniqueParameters
             ? $slugInput->unique(...$slugRuleUniqueParameters)
-            : $slugInput->unique(ignorable: fn (?Model $record) => $record);
+            : $slugInput->unique(ignorable: fn(?Model $record) => $record);
 
         /** Input: "Slug Auto Update Disabled" (Hidden) */
-        $hiddenInputSlugAutoUpdateDisabled = Hidden::make($fieldSlug.'_slug_auto_update_disabled')
+        $hiddenInputSlugAutoUpdateDisabled = Hidden::make($fieldSlug . '_slug_auto_update_disabled')
             ->dehydrated(false);
 
         /** Group */
@@ -171,7 +171,7 @@ function ($state, Set $set, Get $get, TextInput $component) use ($slugSlugifier,
     /** Fallback slugifier, over-writable with slugSlugifier parameter. */
     protected static function slugify(?Closure $slugifier, ?string $text): string
     {
-        if (is_null($text) || ! trim($text)) {
+        if (is_null($text) || !trim($text)) {
             return '';
         }