DEV Community

Cover image for 🔥 7 - Laravel Dashboard UI with TailAdmin – Full Integration Guide (Part 1) 🚀
Hòa Nguyễn Coder
Hòa Nguyễn Coder

Posted on

1

🔥 7 - Laravel Dashboard UI with TailAdmin – Full Integration Guide (Part 1) 🚀

🔥 7 - Laravel Dashboard UI with TailAdmin – Full Integration Guide (Part 1) 🚀
Link youtube : https://www.youtube.com/watch?v=g97YyUeQrHQ&list=PLeoClvLfcvYohb7dOKgemqg3-cMT6z3IY&index=7

Top comments (4)

Collapse
 
karthika_selvaraj_93f0db4 profile image
Karthika Selvaraj

When I include my basic tailwind styles via @vite(['resources/css/app.css', 'resources/js/app.js']) .. dark mode is not working properly and many alignment issues occur .. Any idea about how to combine our custom tailwind styles too?

Collapse
 
skipperhoa profile image
Hòa Nguyễn Coder

If you use vite(tailwindcss), it will affect tailadmin.
So if you use tailadmin, we should not use @tailwindcss, because it will affect the interface

It can be fixed, but it takes a lot of time to customize the css to be consistent
I tried it, but I felt exhausted, so I decided to use tailadmin's css 😁

Collapse
 
karthika_selvaraj_93f0db4 profile image
Karthika Selvaraj

I trying to use datatables.net and it is creating a mess. Like you said it takes a lot of time. Any other alternate free templates that uses tailwind v3 and laravel 10? Any suggestion would help.

Thread Thread
 
skipperhoa profile image
Hòa Nguyễn Coder

MongoDB Atlas runs apps anywhere. Try it now.

MongoDB Atlas runs apps anywhere. Try it now.

MongoDB Atlas lets you build and run modern apps anywhere—across AWS, Azure, and Google Cloud. With availability in 115+ regions, deploy near users, meet compliance, and scale confidently worldwide.

Start Free

Frontend Challenge: Office Edition sponsored by Axero (ends July 27, $3k in prizes)

For the first time ever, we’re offering cash prizes for a Frontend Challenge thanks to Axero. This challenge features our beloved "CSS Art" prompt as well as a brand new prompt: "Holistic Webdev"!

Check out the challenge

DEV is bringing live events to the community. Dismiss if you're not interested. ❤️