Wrap file names in file manager

wmnnd · wmnnd · commit a5352031d85b · 2025-02-04T14:13:37.000+01:00
diff --git a/lib/keila_web/templates/component/file_manager_live.html.heex b/lib/keila_web/templates/component/file_manager_live.html.heex
@@ -62,7 +62,7 @@
         >
           <img id={"file-#{file.uuid}"} src={url} alt="" class="h-32 w-full object-cover" />
           <div class="flex items-center justify-between text-xs mt-1 relative">
-            <p><%= file.filename %></p>
+            <p class="break-all"><%= file.filename %></p>
             <button @click.stop="showDelete = true" class="button button--text button--small">
               <%= render_icon(:trash) %>
               <span class="sr-only">title={gettext("Delete")}</span>

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@`
`62`	`62`	`>`
`63`	`63`	`<img id={"file-#{file.uuid}"} src={url} alt="" class="h-32 w-full object-cover" />`
`64`	`64`	`<div class="flex items-center justify-between text-xs mt-1 relative">`
`65`		`- <p><%= file.filename %></p>`
	`65`	`+ <p class="break-all"><%= file.filename %></p>`
`66`	`66`	`<button @click.stop="showDelete = true" class="button button--text button--small">`
`67`	`67`	`<%= render_icon(:trash) %>`
`68`	`68`	`<span class="sr-only">title={gettext("Delete")}</span>`