nanodepo/gems-ui

Gems Blue UI Kit

v2.1.1 2025-03-26 00:21 UTC

Requires

• php: ^8.3
• intervention/image: ^3.7
• intervention/image-laravel: ^1.2
• laravel/framework: ^v11.11.0
• livewire/livewire: ^3.0
• livewire/volt: ^v1.6.0
• nanodepo/heroicons: ^v2.1.4

MIT

• Bernhard Wilson

README

1. Создать базовый шаблон и определить его, как шаблон по умолчанию для livewire.

2. Добавить в файл tailwindcss путь к шаблонам пакета и определить цвета темы.

export default {
    content: [
        ...
        "./vendor/nanodepo/gems-ui/src/resources/views/**/*.blade.php"
    ]
    ...
}

3. Добавить в конфиг диск images для сохранения изображений.

'images' => [
    'driver' => 'local',
    'root' => storage_path('app/public/images'),
    'url' => env('APP_URL').'/storage/images',
    'visibility' => 'public',
    'throw' => false,
],

4. Опубликовать ресурсы

php artisan vendor:publish --tag=gems-ui

5. Для панелей навигации нужно добавить к body этот код:

x-data="{ drawer: false }"

Примеры базового шаблона и других компонентов можно найти в папке examples.

6. Добавьте в свой файл стилей:

.link {
    @apply hover:text-link hover:underline;
}

7. Добавьте в свой базовый шаблон компонент определяющий глобальные CSS переменные с цветами:

<x-ui::theme color="#0088cc" />