How to make image in center

Hi, I'm new to Filament. I have a question that how to make image in center of infoList. Here is my code.

    public static function infolist(Infolist $infolist): Infolist
    {
        return $infolist->schema([
            ImageEntry::make('image')
                ->width('500px')
                ->height('500px')
                ->label('')
                ->extraAttributes([
                    'loading' => 'lazy',
                    'class' => 'justify-center'
                ]),
            Section::make('body')
            ->schema([
                TextEntry::make('name')->alignCenter(),
                TextEntry::make('price'),
            ])
        ]);
    }

    public static function infolist(Infolist $infolist): Infolist
    {
        return $infolist->schema([
            ImageEntry::make('image')
                ->width('500px')
                ->height('500px')
                ->label('')
                ->extraAttributes([
                    'loading' => 'lazy',
                    'class' => 'justify-center'
                ]),
            Section::make('body')
            ->schema([
                TextEntry::make('name')->alignCenter(),
                TextEntry::make('price'),
            ])
        ]);
    }

3 Replies

jack5mOP•12mo ago

<:depressed_tofu:1095811612973207612>

DrByte•12mo ago

I think if you wrap the Image in a Section it will get centered.

jack5mOP•12mo ago

thank you, it worked for me

Gaming

Programming

How to make image in center