Activeadmin Rails 7 Tailwind Issue

Question

Just install active_admin in rails 7 and ruby 3.1.0

gem 'activeadmin', github: 'activeadmin/activeadmin', branch: 'master'

It add two style files. One is active_admin_old.scss and other is active_admin.css which a code like it

@tailwind base;
@tailwind components;
@tailwind utilities;

Now when i run server I get UI like it

If i rename active_admin_old.scss to active_admin.scsss then UI is like that

How can i fix it?

How do you run the dev server? You have to make sure to run the tailwind process too! If you run /bin/dev, it starts the Procfile.dev that should have the rails server process and the tailwind process — baggiogiacomo
– baggiogiacomo, Commented Oct 26, 2023 at 8:34
Have you run rails assets:precompile? Is the import on the application.html.erbcorrect? — baggiogiacomo
– baggiogiacomo, Commented Oct 26, 2023 at 13:44

Manolo Pirolo · Accepted Answer · 2023-11-19 09:51:37Z

0

It is already published activeadmin 3.1.0 in rubygems. This version is compatible with rails 7 and it seems css is working correctly, this version does not provide the tailwind css version.

In your special case I would change in your Gemfile:

gem 'activeadmin', github: 'activeadmin/activeadmin', branch: 'master'

by

gem 'activeadmin'

And execute bundle update

On a clean installation I would follow common steps adding typical gems to your Gemfile:

gem 'activeadmin'
gem 'sass-rails'
gem 'devise'
gem 'cancancan'
gem 'draper'
gem 'pundit'

And run bundle install

answered Nov 19, 2023 at 9:51

Manolo Pirolo

6561 gold badge6 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

frcavalcanti · Accepted Answer · 2024-10-11 01:57:35Z

0

I believe you need tailwind to compile and you are probably running the server with rails s

If instead you use the command bin/dev to start it up, it should display it correctly.

I was having the same issue with Rails 8 and ActiveAdmin 4. Hope it works out for you.

answered Oct 11, 2024 at 1:57

frcavalcanti

11 bronze badge

Collectives™ on Stack Overflow

Activeadmin Rails 7 Tailwind Issue

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related