[Bug] Laravel Pagination Style - Don't work with Argon

[Luis Serrano]

Version

Laravel 8.x

Reproduction link

https://i.imgur.com/Na8iTPH.png

Operating System

CentOS 8

Device

PC

Browser & Version

Last Version

Steps to reproduce

When I paste the laravel url to reproduce the pagination it looks awful {{ $users->links()}}

What is expected?

That looks like it should

What is actually happening?

The pagination get distortioned

---

Solution

I dont have one

Additional comments

Please help me with this :-(

This is how it looks: https://i.imgur.com/Na8iTPH.png

[Luis Serrano]

Using this bootstrap 4 clases it looks small but still awful :(

<div class="d-flex justify-content-center">
     {!! $users->links() !!}
</div>

[Toma Rares]

Hi @felloz,

Thank you for working with our products.

Please try with our pagination style available here: https://demos.creative-tim.com/argon-design-system/docs/components/pagination.html?

I hope it helps.

Thank you,
Rares

[Luis Serrano]

This is how I fixed the problem.

https://laracasts.com/discuss/channels/laravel/argon-dashboard-pagination-looks-bad?page=1#reply=658345

Laravel 8 use tailwind for paginator, Argon use bootstrap instead. The only thing that I had to do is add Paginator::useBootstrap(); to my AppServiceProvider

<?php

namespace App\Providers;

use Illuminate\Pagination\Paginator;
use Illuminate\Support\ServiceProvider;

class AppServiceProvider extends ServiceProvider
{
    /**
     * Register any application services.
     *
     * @return void
     */
    public function register()
    {
        //
    }

    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        Paginator::useBootstrap();
    }
}