alert components typo
This commit is contained in:
		@@ -7,6 +7,7 @@
 | 
			
		||||
 | 
			
		||||
    :title="$title"
 | 
			
		||||
    :description="$description"
 | 
			
		||||
    :message="$message"
 | 
			
		||||
    :list="$list"
 | 
			
		||||
 | 
			
		||||
    :actions="$actions"
 | 
			
		||||
 
 | 
			
		||||
@@ -4,6 +4,7 @@
 | 
			
		||||
 | 
			
		||||
    :title="$title"
 | 
			
		||||
    :description="$description"
 | 
			
		||||
    :message="$message"
 | 
			
		||||
    :list="$list"
 | 
			
		||||
 | 
			
		||||
    :rounded="$rounded"
 | 
			
		||||
 
 | 
			
		||||
@@ -2,8 +2,9 @@
 | 
			
		||||
    @class([
 | 
			
		||||
        'rounded-md' => $rounded,
 | 
			
		||||
        'border-l-4 border-' . $color . '-400' => $border,
 | 
			
		||||
        'bg-' . $color . '-50',
 | 
			
		||||
        'p-4',
 | 
			
		||||
        'bg-' . $color . '-50' => $color != 'green',
 | 
			
		||||
        'bg-' . $color . '-100' => $color == 'green',
 | 
			
		||||
        'p-4 my-4',
 | 
			
		||||
    ])
 | 
			
		||||
    x-data
 | 
			
		||||
>
 | 
			
		||||
@@ -13,21 +14,31 @@
 | 
			
		||||
        </div>
 | 
			
		||||
 | 
			
		||||
        <div class="ml-3">
 | 
			
		||||
            <h3 class="text-sm font-medium text-{{ $color }}-800">
 | 
			
		||||
                {{ $title }}
 | 
			
		||||
            </h3>
 | 
			
		||||
            @if ($title)
 | 
			
		||||
                <h3 class="text-sm font-medium text-{{ $color }}-800">
 | 
			
		||||
                    {!! $title !!}
 | 
			
		||||
                </h3>
 | 
			
		||||
            @endif
 | 
			
		||||
 | 
			
		||||
            <div class="mt-2 text-sm text-{{ $color }}-700">
 | 
			
		||||
                <p>{{ $description }}</p>
 | 
			
		||||
            @if ($description || $list)
 | 
			
		||||
                <div class="mt-2 text-sm text-{{ $color }}-700">
 | 
			
		||||
                    <p>{!! $description !!}</p>
 | 
			
		||||
 | 
			
		||||
                @if ($list)
 | 
			
		||||
                    <ul role="list" class="list-disc space-y-1 pl-5">
 | 
			
		||||
                        @foreach ($list as $message)
 | 
			
		||||
                            <li>{{ $message }}</li>
 | 
			
		||||
                        @endforeach
 | 
			
		||||
                    </ul>
 | 
			
		||||
                @endif
 | 
			
		||||
            </div>
 | 
			
		||||
                    @if ($list)
 | 
			
		||||
                        <ul role="list" class="list-disc space-y-1 pl-5">
 | 
			
		||||
                            @foreach ($list as $message)
 | 
			
		||||
                                <li>{!! $message !!}</li>
 | 
			
		||||
                            @endforeach
 | 
			
		||||
                        </ul>
 | 
			
		||||
                    @endif
 | 
			
		||||
                </div>
 | 
			
		||||
            @endif
 | 
			
		||||
 | 
			
		||||
            @if ($message)
 | 
			
		||||
                <p class="text-sm font-medium text-{{ $color }}-800 inline-block align-middle">
 | 
			
		||||
                    {!! $message !!}
 | 
			
		||||
                </p>
 | 
			
		||||
            @endif
 | 
			
		||||
 | 
			
		||||
            @if ($actions) 
 | 
			
		||||
                <div class="mt-4">
 | 
			
		||||
@@ -83,7 +94,8 @@
 | 
			
		||||
                        @class([
 | 
			
		||||
                            'inline-flex',
 | 
			
		||||
                            'rounded-md',
 | 
			
		||||
                            'bg-' . $color . '-50',
 | 
			
		||||
                            'bg-' . $color . '-50' => $color != 'green',
 | 
			
		||||
                            'bg-' . $color . '-100' => $color == 'green',
 | 
			
		||||
                            'p-1.5',
 | 
			
		||||
                            'text-sm font-medium',
 | 
			
		||||
                            'text-' . $color . '-500 hover:bg-' . $color . '-100',
 | 
			
		||||
 
 | 
			
		||||
@@ -4,6 +4,7 @@
 | 
			
		||||
 | 
			
		||||
    :title="$title"
 | 
			
		||||
    :description="$description"
 | 
			
		||||
    :message="$message"
 | 
			
		||||
    :list="$list"
 | 
			
		||||
 | 
			
		||||
    :rounded="$rounded"
 | 
			
		||||
 
 | 
			
		||||
@@ -4,6 +4,7 @@
 | 
			
		||||
 | 
			
		||||
    :title="$title"
 | 
			
		||||
    :description="$description"
 | 
			
		||||
    :message="$message"
 | 
			
		||||
    :list="$list"
 | 
			
		||||
 | 
			
		||||
    :rounded="$rounded"
 | 
			
		||||
 
 | 
			
		||||
@@ -4,6 +4,7 @@
 | 
			
		||||
 | 
			
		||||
    :title="$title"
 | 
			
		||||
    :description="$description"
 | 
			
		||||
    :message="$message"
 | 
			
		||||
    :list="$list"
 | 
			
		||||
 | 
			
		||||
    :rounded="$rounded"
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user