Señor Nikola Posts - Answer Overflow

Señor Nikola

•Created by Señor Nikola on 1/19/2025 in #❓┊help

Tailwind Config Issue

Hello, Did anyone had issue with tailwind config, where I have to put everything custom in "safelist" in order to work? Is there maybe a way around it or am I doing something wrong in here?

import defaultTheme from "tailwindcss/defaultTheme";
import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    mode: "jit",
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        'vendor/awcodes/filament-tiptap-editor/resources/**/*.blade.php',
    ],
    darkMode: "class",
    theme: {
        extend: {
            colors: {
                ...defaultTheme.colors,
            },
            spacing: {
                ...defaultTheme.spacing,
            },
            fontSize: {
                "3xs": "8px",
                "2xs": "10px",
                "xs": "12px",
            },
            maxWidth: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            minHeight: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            listStyleType: {
                circle: 'circle',
            },
        }
    },
    // safelist: [
    //     {
    //         pattern: /max-w-[0-9]+-px/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(\w+)-(100|200|300|400|500|600|700|800|900)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(3xs|2xs|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    // ],
};

import defaultTheme from "tailwindcss/defaultTheme";
import preset from '../../../../vendor/filament/filament/tailwind.config.preset'

export default {
    mode: "jit",
    presets: [preset],
    content: [
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        'vendor/awcodes/filament-tiptap-editor/resources/**/*.blade.php',
    ],
    darkMode: "class",
    theme: {
        extend: {
            colors: {
                ...defaultTheme.colors,
            },
            spacing: {
                ...defaultTheme.spacing,
            },
            fontSize: {
                "3xs": "8px",
                "2xs": "10px",
                "xs": "12px",
            },
            maxWidth: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            minHeight: {
                '100-px': '100px',
                '150-px': '150px',
                '200-px': '200px',
                '250-px': '250px',
            },
            listStyleType: {
                circle: 'circle',
            },
        }
    },
    // safelist: [
    //     {
    //         pattern: /max-w-[0-9]+-px/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(\w+)-(100|200|300|400|500|600|700|800|900)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    //     {
    //         pattern: /text-(3xs|2xs|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl)/,
    //         variants: ['responsive', 'hover', 'focus', 'active'],
    //     },
    // ],
};

2 replies

FFilament

•Created by Señor Nikola on 1/13/2025 in #❓┊help

TipTap Style Issue On SlideOver

2 replies

FFilament

•Created by Señor Nikola on 1/10/2025 in #❓┊help

Page Action Modal Issue

6 replies

FFilament

•Created by Señor Nikola on 12/27/2024 in #❓┊help

Export Autosize Columns

Hello, is there a way to auto size columns in excel export like with maatwebsite/excel package that we can use ShouldAutoSize?

2 replies

FFilament

•Created by Señor Nikola on 12/26/2024 in #❓┊help

Tailwind Classes Issue

7 replies

FFilament

•Created by Señor Nikola on 12/25/2024 in #❓┊help

Extra Table Classes

4 replies

FFilament

•Created by Señor Nikola on 12/16/2024 in #❓┊help

TipTap Disable Certain Headings

5 replies

FFilament

•Created by Señor Nikola on 12/12/2024 in #❓┊help

Revealable Password Via Password Component

8 replies

FFilament

•Created by Señor Nikola on 12/10/2024 in #❓┊help

TextColumn Setting Properties on AfterStateUpdated()

5 replies

FFilament

•Created by Señor Nikola on 12/9/2024 in #❓┊help

Table TextColumn URL() Styles

2 replies

FFilament

•Created by Señor Nikola on 11/27/2024 in #❓┊help

Filament Custom Page Multiple Tables

Hello, Is it possible that one filament page has multiple tables. I was following guide to implement HasTables and trait Interacts.. but that only works with public function table(Table $table) when I try to add other public funtcion it wont let me add it to from with {{ $this->exampleTable }}

4 replies

FFilament

•Created by Señor Nikola on 11/26/2024 in #❓┊help

Filament TipTap Editor - YouTube Extension

Hello, I am having an issue how to add TipTap YouTube extension to filament Tiptap Editor plugin, has anyone done it I am unable to do it. Was following guide on official plugin website but was unsuccessfull. Would be super grateful if any knows how. 🙂

4 replies

Gaming

Programming