Cushty Comments - Answer Overflow

Cushty

Posts Comments

FFilament

•Created by Cushty on 8/2/2024 in #❓┊help

filament, liveire full page compnent and larave breeze css issue

Can I ask why we need the preset? Will the notifications still work?

27 replies

FFilament

•Created by Cushty on 8/2/2024 in #❓┊help

filament, liveire full page compnent and larave breeze css issue

is there anything that i missed? thanks

27 replies

FFilament

•Created by Cushty on 8/2/2024 in #❓┊help

filament, liveire full page compnent and larave breeze css issue

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import preset from './vendor/filament/support/tailwind.config.preset'

/** @type {import('tailwindcss').Config} */
export default {
    darkMode: ['class'],
    presets: [preset],
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        './components/**/*.jsx',
        './resources/**/*.jsx',
        './resources/**/*.js',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans]
            },
            
    plugins: [forms, require("tailwindcss-animate")],
};

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import preset from './vendor/filament/support/tailwind.config.preset'

/** @type {import('tailwindcss').Config} */
export default {
    darkMode: ['class'],
    presets: [preset],
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',
        './components/**/*.jsx',
        './resources/**/*.jsx',
        './resources/**/*.js',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans]
            },
            
    plugins: [forms, require("tailwindcss-animate")],
};

27 replies

FFilament

•Created by Cushty on 8/2/2024 in #❓┊help

filament, liveire full page compnent and larave breeze css issue

@tailwind base;
@tailwind components;
@tailwind utilities;

@tailwind base;
@tailwind components;
@tailwind utilities;

27 replies

FFilament

•Created by Cushty on 8/2/2024 in #❓┊help

filament, liveire full page compnent and larave breeze css issue

export default {
    plugins: {
        'tailwindcss/nesting': 'postcss-nesting',
        tailwindcss: {},
        autoprefixer: {},
    },
}

export default {
    plugins: {
        'tailwindcss/nesting': 'postcss-nesting',
        tailwindcss: {},
        autoprefixer: {},
    },
}

27 replies

FFilament

•Created by Cushty on 8/2/2024 in #❓┊help

filament, liveire full page compnent and larave breeze css issue

import { defineConfig, loadEnv } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';
import path from 'path';

export default defineConfig(() => {
    const env = loadEnv('', process.cwd(), '');

    return {
        define: {
            'process.env.VITE_CAL_CLIENT_ID': JSON.stringify(env.VITE_CAL_CLIENT_ID),
            'process.env.VITE_CAL_BASE_URL': JSON.stringify(env.VITE_CAL_BASE_URL),
            'process.env.VITE_CAL_REFRESH_URL': JSON.stringify(env.VITE_CAL_REFRESH_URL),
        },
        plugins: [
            laravel({
                input: ['resources/css/app.css', 'resources/js/app.jsx', 'resources/js/alpine.js'],
                refresh: ['app/Livewire/**', 'resources/views/**'],
            }),
            react({
                include: "**/*.{jsx,js}",
            }),
        ],
        resolve: {
            alias: {
                '@': path.resolve(__dirname, './'),
            },
        },
    };
});

import { defineConfig, loadEnv } from 'vite';
import laravel from 'laravel-vite-plugin';
import react from '@vitejs/plugin-react';
import path from 'path';

export default defineConfig(() => {
    const env = loadEnv('', process.cwd(), '');

    return {
        define: {
            'process.env.VITE_CAL_CLIENT_ID': JSON.stringify(env.VITE_CAL_CLIENT_ID),
            'process.env.VITE_CAL_BASE_URL': JSON.stringify(env.VITE_CAL_BASE_URL),
            'process.env.VITE_CAL_REFRESH_URL': JSON.stringify(env.VITE_CAL_REFRESH_URL),
        },
        plugins: [
            laravel({
                input: ['resources/css/app.css', 'resources/js/app.jsx', 'resources/js/alpine.js'],
                refresh: ['app/Livewire/**', 'resources/views/**'],
            }),
            react({
                include: "**/*.{jsx,js}",
            }),
        ],
        resolve: {
            alias: {
                '@': path.resolve(__dirname, './'),
            },
        },
    };
});

27 replies

FFilament

•Created by Cushty on 8/2/2024 in #❓┊help

filament, liveire full page compnent and larave breeze css issue

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />

    <!-- Scripts -->

    @vite(['resources/css/app.css', 'resources/js/app.jsx'])
    @filamentStyles



</head>

<body class="font-sans antialiased">
    <div class="min-h-screen bg-gray-100">
        @include('layouts.navigation')

        <!-- Page Heading -->
        @isset($header)
            <header class="bg-white shadow">
                <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
                    {{ $header }}
                </div>
            </header>
        @endisset

        <!-- Page Content -->
        <main>
            {{ $slot }}
        </main>
    </div>
    @livewire('notifications')
    @filamentScripts
</body>

</html>

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />

    <!-- Scripts -->

    @vite(['resources/css/app.css', 'resources/js/app.jsx'])
    @filamentStyles



</head>

<body class="font-sans antialiased">
    <div class="min-h-screen bg-gray-100">
        @include('layouts.navigation')

        <!-- Page Heading -->
        @isset($header)
            <header class="bg-white shadow">
                <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
                    {{ $header }}
                </div>
            </header>
        @endisset

        <!-- Page Content -->
        <main>
            {{ $slot }}
        </main>
    </div>
    @livewire('notifications')
    @filamentScripts
</body>

</html>

27 replies

FFilament

•Created by Cushty on 8/2/2024 in #❓┊help

filament, liveire full page compnent and larave breeze css issue

27 replies

FFilament

•Created by Cushty on 9/26/2024 in #❓┊help

inertia component

thanks Dennis, fully noted 👍

13 replies

FFilament

•Created by Cushty on 9/26/2024 in #❓┊help

inertia component

😅 yep

13 replies

FFilament

•Created by Cushty on 9/26/2024 in #❓┊help

inertia component

ah ok sorry, didnt know that was not allowed

13 replies

FFilament

•Created by Cushty on 9/26/2024 in #❓┊help

inertia component

@Dennis Koch Why am i getting a warning?

13 replies

FFilament

•Created by Cushty on 9/26/2024 in #❓┊help

inertia component

i will take a look thanks

13 replies

FFilament

•Created by Cushty on 9/26/2024 in #❓┊help

inertia component

@awcodes hi mate, just seeing if you could shed some light on this? Thanks

13 replies

FFilament

•Created by Cushty on 9/12/2024 in #❓┊help

notification css flicker

This is main tailwind config

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import preset from './vendor/filament/support/tailwind.config.preset'
import typography from '@tailwindcss/typography';


/** @type {import('tailwindcss').Config} */




export default {
    presets: [preset],

    content: [

        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './resources/views/components/*.blade.php',
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',


    ],
    darkMode: 'class', // Enable dark mode

    theme: {
        extend: {
            fontSize: {
                base: ['15px', '26px'],
            },
            fontFamily: {
                sans: ['Inter', ...defaultTheme.fontFamily.sans],
            },

        },
    },

    plugins: [forms, typography],

};

import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';
import preset from './vendor/filament/support/tailwind.config.preset'
import typography from '@tailwindcss/typography';


/** @type {import('tailwindcss').Config} */




export default {
    presets: [preset],

    content: [

        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './resources/views/components/*.blade.php',
        './app/Filament/**/*.php',
        './resources/views/filament/**/*.blade.php',
        './vendor/filament/**/*.blade.php',


    ],
    darkMode: 'class', // Enable dark mode

    theme: {
        extend: {
            fontSize: {
                base: ['15px', '26px'],
            },
            fontFamily: {
                sans: ['Inter', ...defaultTheme.fontFamily.sans],
            },

        },
    },

    plugins: [forms, typography],

};

i haven't got any custom JS, what do you think could be causing the issue? Thanks

5 replies

FFilament

•Created by Cushty on 9/12/2024 in #❓┊help

notification css flicker

@toeknee this is my main app.layout

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet"/>

    <!-- Scripts -->
    @livewire('notifications')
    @livewireStyles
    @filamentStyles
    @vite(['resources/css/app.css', 'resources/js/app.js'])

</head>
<body class="font-sans antialiased">
<div class="min-h-screen bg-gray-100">
    @include('components.thillow-navigation')

    <!-- Page Heading -->
    @isset($header)
        <header class="bg-white shadow">
            <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
                {{ $header }}
            </div>
        </header>
    @endisset

    <!-- Page Content -->
    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        {{ $slot }}
    </main>
</div>
@livewireScripts
@filamentScripts
</body>
</html>

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }}</title>

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet"/>

    <!-- Scripts -->
    @livewire('notifications')
    @livewireStyles
    @filamentStyles
    @vite(['resources/css/app.css', 'resources/js/app.js'])

</head>
<body class="font-sans antialiased">
<div class="min-h-screen bg-gray-100">
    @include('components.thillow-navigation')

    <!-- Page Heading -->
    @isset($header)
        <header class="bg-white shadow">
            <div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
                {{ $header }}
            </div>
        </header>
    @endisset

    <!-- Page Content -->
    <main class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        {{ $slot }}
    </main>
</div>
@livewireScripts
@filamentScripts
</body>
</html>

5 replies

FFilament

•Created by Cushty on 8/24/2024 in #❓┊help

Create hasOne in model

Thanks for the reply, is this the best way of setting up permissions? Will this sort out the manual create url access forbidden issue? Thanks mate

7 replies

FFilament

•Created by Cushty on 8/24/2024 in #❓┊help

Create hasOne in model

Hi, can you elaborate on the make-validation? I have belongsTo and hasOne set up on both models, I have added this to the application resource, and it hides the create button, but if I manually go to the create page it just says forbidden, is there a way to redirect back to list view and show a notification?

 public static function canCreate(): bool
    {
        return auth()->user()->application()->count() === 0 || auth()->user()->isAdmin();
    }

 public static function canCreate(): bool
    {
        return auth()->user()->application()->count() === 0 || auth()->user()->isAdmin();
    }

thanks

7 replies

FFilament

•Created by Cushty on 8/24/2024 in #❓┊help

Share a resource with new panel

Thanks.

5 replies

FFilament

•Created by Cushty on 8/11/2024 in #❓┊help

Reuse wizard on frontend

Hi, I am having issues with the wizard and a livewire component, I have read the docs and tried a few things but the wizard is not working correctly. The docs say to use a form but in order for my wizard to show correctly on the panel and pull the steps from the model I have to use or skippable breaks and the form layout is half instead of full.

 protected function getSteps(): array
    {
        return Application::formWizard();

    }

 protected function getSteps(): array
    {
        return Application::formWizard();

    }

but on the component you need to use a form. i tried :

 public function form(Form $form): Form
    {
        return $form->schema([
            Wizard::make(Application::formWizard())
        ]);

    }


    public function hasSkippableSteps(): bool
    {
        return true;
    }

 public function form(Form $form): Form
    {
        return $form->schema([
            Wizard::make(Application::formWizard())
        ]);

    }


    public function hasSkippableSteps(): bool
    {
        return true;
    }

but using this breaks the use skippable function and also makes the layout on the panel a half column. What can I do to get the wizard pulling in the steps from modal but I can use it in panel and component? Thanks

11 replies

Gaming

Programming