Breaking UI in staging

Phoenix Forum Questions / Help
, , ,
1

IN staging

image
image2508×333 20.2 KB

In local env

image
image1532×251 29.5 KB

I dont understand why the ui is breaking, I only updated the deps, though its working well locally.

2

check if your assets are deployed in the correct place, or the folder where assets located is served by the server, the configuration should be located somewhere in endpoint.ex

3 
  plug Plug.Static,
    at: "/",
    from: :admin,
    gzip: false,
    only: AdminWeb.static_paths()

defmodule AdminWeb do

  def static_paths do
    ~w(css fonts images js favicon.ico robots.txt)
  end
4 
                  <%= link "Accounts", to: Routes.account_path(@conn, :index), class: "#{if !String.starts_with?(@conn.request_path, "/accounts"), do: "bg-gray-900"} text-white px-3 py-2 rounded-md text-sm font-medium" %>

I am using conditionally rendered classes, Though its working locally

5

The classes are showing up in App.css

6

check if you have access to app.css from the server, it should be accessible by the public link, if you can’t load the assets, then it is most probably a problem related to assets deploy.

7

Thank you for that quick response. Thank you.

I fixed it , it was in tailwind config, I have to change it to .heex instead of .leex and eex

2 Likes