Cushty Comments - Answer Overflow

Topics

Cushty

•Created by Cushty on 1/13/2025 in #❓┊help

Dev dojo auth package

thanks

5 replies

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

Widgets columns not taking effect

how do i call them? Thanks

13 replies

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

Widgets columns not taking effect

Thanks for the reply, really appreciate it, I have made my own dashboard page, as ths docs say if you want to make custom widgets you ned to do it, do I need to call the widgets in the dashboard page?

13 replies

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

Widgets columns not taking effect

Any help on this please?

13 replies

•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

•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

•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

•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

•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

•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

•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

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

filament, liveire full page compnent and larave breeze css issue

No description

27 replies

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

inertia component

thanks Dennis, fully noted 👍

13 replies

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

inertia component

😅 yep

13 replies

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

inertia component

ah ok sorry, didnt know that was not allowed

13 replies

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

inertia component

@Dennis Koch Why am i getting a warning?

13 replies

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

inertia component

i will take a look thanks

13 replies

•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

•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

•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