newbie Comments - Answer Overflow

newbie

•Created by newbie on 10/18/2023 in #❓┊help

Styling not getting applied in filament custom-page

Thank you for directing me. I was "ass"uming that the page isusing the filament-panels component and hence everything should work as usual. I anyways will need a custom theme to change styles, but was postponing it to complete the functionality. Let me start my fight with the theming now. Thanks once again.

12 replies

FFilament

•Created by newbie on 10/18/2023 in #❓┊help

Styling not getting applied in filament custom-page

I have not created any custom theme. Just using what comes with filament by default.
I have generated a custom-page (linked to the AssessmentPlanResource) and added a div into it's blade (generated using make:filament-page command) as shown above.

12 replies

FFilament

•Created by ico on 10/17/2023 in #❓┊help

Filament v3 not detecting Tailwind classes

I have opened a new thread for my problem alreadt. https://discord.com/channels/883083792112300104/1164056824614506507 Since this thread too is discussing a similar issue, I commented on one of the replies here as well. Pl. do check my thread once. Thanks,

27 replies

FFilament

•Created by newbie on 10/18/2023 in #❓┊help

Styling not getting applied in filament custom-page

tailwind.config.ts (default which comes with laravel with just additional colors & font added)

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

    theme: {
        extend: {
            colors: {
                myblue: '#1e3c78',
                mygreen: '#73be46',
            },
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [forms],
};

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
    ],

    theme: {
        extend: {
            colors: {
                myblue: '#1e3c78',
                mygreen: '#73be46',
            },
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
        },
    },

    plugins: [forms],
};

and the view folder structure / blade file location is

resources/views/filament/app/resources/assessment-plan-resource/pages/assessment.blade.php

resources/views/filament/app/resources/assessment-plan-resource/pages/assessment.blade.php

12 replies

FFilament

•Created by ico on 10/17/2023 in #❓┊help

Filament v3 not detecting Tailwind classes

@Dennis Koch even I am facing this issue of classes not getting picked up for my blade file. Have tried adding important (!), but not helping. Added mt-8 to the class to check, and its not appearing in the generated app.css. So, looks like the file is not getting picked up by vite for bundling even though it is covered in the content. Any suggestions please 😦

27 replies

FFilament

•Created by newbie on 10/18/2023 in #❓┊help

Styling not getting applied in filament custom-page

looks like vite is not picking up the classes present in my blade file (even though it is in the resources/views folder) which is part of the content section in tailwind config.
I just changed mt-4 to mt-8 in the above example and did a 'npm run build' to regenerate app.css, and app.css does not have any reference to mt-8 in it 😦 I am monkeying around with this issue for last 8 hours now.

12 replies

FFilament

•Created by ico on 10/17/2023 in #❓┊help

Filament v3 not detecting Tailwind classes

even I am facing a similar issue where the classes used in my div are not getting bundled. The blade.php file is present in resources/views directory (sub directory ... where filament custom page's blade are added - covered with /**/*.blade.php in content), but the styles are not getting into app.css. To check, i added mt-8 (which is part of standard tailwind classes) to my div. I don't see mt-8 reference in the generated app.css file 😦

27 replies

FFilament

•Created by newbie on 10/18/2023 in #❓┊help

Styling not getting applied in filament custom-page

I dont have presets: [presets] in my tailwind.config.js. 😦

12 replies

FFilament

•Created by newbie on 9/9/2023 in #❓┊help

How to replace default login blade? - how to replace the entire page?

Is there any example which shows how to override an existing login page completely in the filament context? It would be very helpful.

5 replies

Gaming

Programming