Emmanuel71 Posts - Answer Overflow

Emmanuel71

•Created by Emmanuel71 on 10/10/2024 in #❓┊help

In spatie media library plugin (official) I have an issue with image quality and image editor

I'm using following form field: SpatieMediaLibraryFileUpload::make('attachments') ->collection('attachments') ->multiple() ->openable() ->reorderable() ->imageEditor() ->imageResizeMode('cover') ->imageResizeTargetWidth('900') ->acceptedFileTypes(['image/jpeg', 'image/png', 'image/gif', 'application/pdf']) ->panelLayout('grid') Issue 1: Just after uploading the image, it looks fine in the form field. When coming back to the form after navigating around. The images look blurry and zoomed too close. Issue 2: When using the imageResizeTargetWidth option in combination with the imageEditor option, I cannot use the selection rectangle of the image editor anymore, it's height is 0 and I cannot resize it. Anyone ran into these issues too? Txh!

1 replies

FFilament

•Created by Emmanuel71 on 8/1/2024 in #❓┊help

css of select field not working anymore

Using filament 3.2 in Laravel 10, the css of the select dropdown is not applied anymore to the item list. No errors in browser console or network tab. Moving back to the commit where it still works does not help me, as it seems nothing related to css was changed there. Here's some extra info:

//Vite config:
import {defineConfig} from 'vite';
import laravel, {refreshPaths} from 'laravel-vite-plugin';

export default defineConfig({
    server: {
        hmr: {
            host: 'localhost',
        },
    },
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/css/filament/admin/theme.css',
                'resources/js/app.js',
                'resources/js/mapbox.js',
            ],
            refresh: [
                ...refreshPaths,
                'app/Livewire/**',
            ],
        }),
    ],
});

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

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

    theme: {
        extend: {},
    },

    plugins: [forms, typography],
};

//Admin panel provider:

->viteTheme('resources/css/filament/admin/theme.css');

//with theme.css containing:

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

@config 'tailwind.config.js';

//Vite config:
import {defineConfig} from 'vite';
import laravel, {refreshPaths} from 'laravel-vite-plugin';

export default defineConfig({
    server: {
        hmr: {
            host: 'localhost',
        },
    },
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/css/filament/admin/theme.css',
                'resources/js/app.js',
                'resources/js/mapbox.js',
            ],
            refresh: [
                ...refreshPaths,
                'app/Livewire/**',
            ],
        }),
    ],
});

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

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

    theme: {
        extend: {},
    },

    plugins: [forms, typography],
};

//Admin panel provider:

->viteTheme('resources/css/filament/admin/theme.css');

//with theme.css containing:

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

@config 'tailwind.config.js';

Any ideas? Thx.

9 replies

FFilament

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

Filament on offline production server: blank components

I'm new to filament and it works great in my development environment. But I'm having trouble to make filament work well on our production server. The setup is unconventional because there is no internet connection in the production environment. Also, the project needs to run in a subfolder of the webserver (eq: https://webserver/laravel-project1). Development is done in a separate environment with internet connection. The vendor folder is being zipped and moved over to production manually, as is the 'build' folder. The laravel app works, except for the filament admin panel. The menu items of the resources are displayed, but when clicked, a gateway timeout eventually occurs and there are no errors in the browser console. Also on the homepage of the dashboard, all cards are displayed empty. Obviously, something is missing or not being found... . Any pointers to get me in the right direction? I already did the basics mentioned in the forum rules. Thx.

9 replies

Gaming

Programming