Vladimir Comments - Answer Overflow

Vladimir

Posts Comments

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

❤️

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

if you get to LaraconEu 2025, i will personally thank you

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

So, it must be added into the tailwind config file that filament created for me when i created a custom theme.

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

Now, when i added custom theme and it created me a new tailwind config file under its folder, and added a pth to livewire files, everything worked. I am not sure i would figure it out on my own. THank you @Dennis Koch . Really thank you.

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

"tailwind.config.js " content: [ './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/.blade.php', './storage/framework/views/.php', './resources/views/*/.blade.php', ],

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

i was expecting that in original tailwind config file at the root, everything under the resources views is covered already

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

Doh!

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

moment, let me double check it

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

Here is public repo for this: https://github.com/coding-wisely/chillin so maybe help you to help me ❤️

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

So tailiwnd color schema works for me only when i use the color on "highter" level- like dashboard page, and later on is applied to a modal and its content

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

SO i draw some conclusions. I have a custom Dashboard page, made by followng documentaiton. I have a custom theme, also made by following docs. ON Custom dashboard, Action createReport is called. That action is calling modal, and modal content is a livewire file.

 return Action::make('createReport')
            ->modalHeading('')
            ->color(fn() => Color::Pink)
            ->icon('heroicon-o-presentation-chart-bar')
            ->modalContent(function () {
                return view('livewire.staff.report', [
                    'date' => $this->date,
                ]);
            })

 return Action::make('createReport')
            ->modalHeading('')
            ->color(fn() => Color::Pink)
            ->icon('heroicon-o-presentation-chart-bar')
            ->modalContent(function () {
                return view('livewire.staff.report', [
                    'date' => $this->date,
                ]);
            })

Th file is not content of this modal, and no style can be applied to it. However, when i for egzample, in dashboard.blade.php create an empty div, and assign it bg-orange-600, and then inside that action modal, in livewire file, i user this class, it works, and bg-orange-600 has been applied. But if i try, for example, to change the bg in livewire file, it does not work. No bg is applied. And then if i add this color somewhere in dahsboard.blade.php, bg color works in livewire file too.

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

'resources/css/filament/staff/theme.css'

'resources/css/filament/staff/theme.css'

@import '/vendor/filament/filament/resources/css/theme.css';

@config 'tailwind.config.js';

@import '/vendor/filament/filament/resources/css/theme.css';

@config 'tailwind.config.js';

Then in tailwind.config.js

import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/Staff/**/*.php',
        './resources/views/filament/staff/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
}

import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    presets: [preset],
    content: [
        './app/Filament/Staff/**/*.php',
        './resources/views/filament/staff/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
    ],
}

All this i did not write, its stub made on installtion of custom theme. So i presume its Filament defautl stub.

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

Hello @Dennis Koch sorry i was not online to answer. Here is how my vite looks like:

import { defineConfig } from 'vite';
import laravel, {refreshPaths} from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
                'resources/css/filament/staff/theme.css'
            ],
            refresh: [
                ...refreshPaths,
                'app/Livewire/**/*.php',
                'app/Filament/**/*.php',
            ],
        }),
    ],
});

import { defineConfig } from 'vite';
import laravel, {refreshPaths} from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/js/app.js',
                'resources/css/filament/staff/theme.css'
            ],
            refresh: [
                ...refreshPaths,
                'app/Livewire/**/*.php',
                'app/Filament/**/*.php',
            ],
        }),
    ],
});

Npm run dev "tailwind.config.js "

content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

As per default laravel installation, it includes full view folder there

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

Did.

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

still not changes

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

i added it into StaffPanelProvider

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

i follow the instructions in the command to complete the setup process

30 replies

FFilament

•Created by Vladimir on 9/14/2024 in #❓┊help

Help me understand why tailwind partially works in livewire component on custom Dashboard?

i created theme

30 replies

Gaming

Programming