File upload preview green gradient

How do I remove the green gradient so that I can see the whole logo while uploading it ?

<?php

 Forms\Components\FileUpload::make('logo')
                                    ->rules([
                                        'image',    // Must be an image file
                                        'mimes:jpeg,png,jpg', // Allowed file extensions
                                        'max:2048', // Maximum file size in kilobytes (adjust as needed)
                                    ])
                                    ->disk('company_logo') // from filesystems.php
                                    ->helperText('Recommended size 300px wide. Maximum file size 2mb. Allowed file type png, jpg, jpeg.')
                                    ->maxFiles(1),

<?php

 Forms\Components\FileUpload::make('logo')
                                    ->rules([
                                        'image',    // Must be an image file
                                        'mimes:jpeg,png,jpg', // Allowed file extensions
                                        'max:2048', // Maximum file size in kilobytes (adjust as needed)
                                    ])
                                    ->disk('company_logo') // from filesystems.php
                                    ->helperText('Recommended size 300px wide. Maximum file size 2mb. Allowed file type png, jpg, jpeg.')
                                    ->maxFiles(1),

Solution:

the file uploader uses Filepond, so you can check the classes and overwrite them in css

Jump to solution

7 Replies

Solution

Lara Zeus•2mo ago

the file uploader uses Filepond, so you can check the classes and overwrite them in css

Sourabh•2mo ago

Can you please tell me at which file I have to write override CSS code? For the attached screen shot. I have checked the document and follow the step but found no change . https://filamentphp.com/docs/3.x/panels/themes#creating-a-custom-theme

Themes - Panel Builder - Filament

Sourabh•2mo ago

Lara Zeus•2mo ago

not a file the css classes, try to use the dev tools to find out the class that give the green color and change it in your theme css file, the one that generated by the command

Sourabh•2mo ago

yes i am writing code in the theme.css file which is generated by the command . php artisan make:filament-theme and after adding css in the theme.css i also run (npm run build) command. but no change found .

Lara Zeus•2mo ago

try the -success` one! that green for success, and it will be red for failure uploads

Sourabh•2mo ago

Thanks, its done at my side after hard refresh and view clear (php artisan view:clear)

Gaming

Programming

File upload preview green gradient