Filament•16mo ago

[UI] Spaces between each stacked item is not gapped properly for the first row

HI there! I am having an smal UI problem as attached, as you can see, the content of the 1st row is having smaller gap and the 2nd row is having a bigger gap, did i did anything wrong ? Below's is the code

$table
        ->columns([
            Stack::make([
                TextColumn::make('name')
                    ->alignCenter(),
                TextColumn::make('updated_at')
                    ->alignCenter()
                    ->badge(),
                TextColumn::make('url')
                    ->alignCenter(),

                TextColumn::make('created_at')
                    ->alignCenter(),

                TextColumn::make('url')
                    ->badge()
                    ->alignCenter(),

                TextColumn::make('url')
                    ->badge()
                    ->alignCenter(),

            ])->space(3),
        ])
        ->contentGrid([
            'md' => 2,
            'lg' => 3,
        ]);

$table
        ->columns([
            Stack::make([
                TextColumn::make('name')
                    ->alignCenter(),
                TextColumn::make('updated_at')
                    ->alignCenter()
                    ->badge(),
                TextColumn::make('url')
                    ->alignCenter(),

                TextColumn::make('created_at')
                    ->alignCenter(),

                TextColumn::make('url')
                    ->badge()
                    ->alignCenter(),

                TextColumn::make('url')
                    ->badge()
                    ->alignCenter(),

            ])->space(3),
        ])
        ->contentGrid([
            'md' => 2,
            'lg' => 3,
        ]);

2 Replies

chengkangzaiOP•16mo ago

It appears that ->space(3) is only applied to the 2nd row

chengkangzaiOP•16mo ago

PS : if i remove the ->space(3) , the 5th item's edit button is wrong position also

Gaming

Programming

[UI] Spaces between each stacked item is not gapped properly for the first row