Fix responsiveness in md breakpoint

cesium · Sep 23, 2023 · 7c8b6e1 · 7c8b6e1
1 parent ea58ca2
commit 7c8b6e1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/lib/atomic_web/live/organization_live/index.html.heex b/lib/atomic_web/live/organization_live/index.html.heex
@@ -35,7 +35,10 @@
               <h4 class="font-medium text-lg text-zinc-900">
                 <%= organization.name %>
               </h4>
-              <p class="text-xs text-zinc-900">
+              <p class="sm:hidden md:block xl:hidden text-xs text-zinc-900">
+                <%= String.slice(organization.long_name,0..35) <> "..." %>
+              </p>
+              <p class="sm:block md:hidden xl:block text-xs text-zinc-900">
                 <%= organization.long_name %>
               </p>
             </div>

diff --git a/priv/repo/seeds/organizations.exs b/priv/repo/seeds/organizations.exs
@@ -58,10 +58,12 @@ defmodule Atomic.Repo.Seeds.Organizations do
     })
     |> Repo.update!()
 
+
     @organizations
     |> Enum.each(fn organization ->
       %{
         name: organization["name"],
+        long_name: organization["long_name"],
         description: organization["description"]
       }
       |> Organizations.create_organization()