search

MedicOneSystems / livewire-datatables

Advanced datatables using Laravel, Livewire, Tailwind CSS and Alpine JS
https://livewire-datatables.com/
MIT License
1.2k stars 258 forks source link

Layout CSS Broken #236

Closed itxp2008 closed 3 years ago

itxp2008 commented 3 years ago

Hi,

I don't know what's the problem, the rows are not listed horizontally, on previous versions worked fine.

image

composer.json

    "require": {
        "php": "^7.3|^8.0",
        "bugsnag/bugsnag-laravel": "^2.0",
        "fideloper/proxy": "^4.4",
        "fruitcake/laravel-cors": "^2.0",
        "guzzlehttp/guzzle": "^7.0.1",
        "laravel-notification-channels/telegram": "^0.5.1",
        "laravel/framework": "^8.40",
        "laravel/jetstream": "^2.3",
        "laravel/sanctum": "^2.6",
        "laravel/tinker": "^2.5",
        "livewire/livewire": "^2.5",
        "mediconesystems/livewire-datatables": "dev-master"
    },

package.json

 "devDependencies": {
        "@tailwindcss/forms": "^0.3.1",
        "@tailwindcss/typography": "^0.4.0",
        "alpinejs": "^3.0.6",
        "axios": "^0.21",
        "laravel-mix": "^6.0.6",
        "lodash": "^4.17.19",
        "postcss": "^8.1.14",
        "postcss-import": "^14.0.1",
        "tailwindcss": "^2.2.2"
    }
itxp2008 commented 3 years ago

Chrome - works iOS - works Firefox - doesn't work

larasail environment http

changed to php artisan serve it works on firefox

Don't know the cause

itxp2008 commented 3 years ago

Update: swithced to https on larasail end works on firefox...

aldoadhi commented 3 years ago

Got this exact issue recently. I solved it by running npm run dev. I think it should be included in the installation guide.

apsg commented 3 years ago

I've got exactly the same problem - npm run prod produces broken styles