Format, fix UI bug on revisions screens.

BeaconCMS · Sep 1, 2023 · 4056d06 · 4056d06
1 parent aa69de4
commit 4056d06
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/lib/beacon/live_admin/live/layout_editor_live/meta_tags.ex b/lib/beacon/live_admin/live/layout_editor_live/meta_tags.ex
@@ -57,7 +57,7 @@ defmodule Beacon.LiveAdmin.LayoutEditorLive.MetaTags do
     ~H"""
     <div>
       <Beacon.LiveAdmin.AdminComponents.layout_menu socket={@socket} site={@beacon_layout.site} current_action={@live_action} layout_id={@beacon_layout.id} />
-      <.live_component module={MetaTagsComponent} id="layout-meta-tags" site={@beacon_layout.site}  page_title={@page_title} live_action={@live_action} field={@field} meta_tags={@beacon_layout.meta_tags} />
+      <.live_component module={MetaTagsComponent} id="layout-meta-tags" site={@beacon_layout.site} page_title={@page_title} live_action={@live_action} field={@field} meta_tags={@beacon_layout.meta_tags} />
     </div>
     """
   end

diff --git a/lib/beacon/live_admin/live/layout_editor_live/revisions.ex b/lib/beacon/live_admin/live/layout_editor_live/revisions.ex
@@ -32,7 +32,7 @@ defmodule Beacon.LiveAdmin.LayoutEditorLive.Revisions do
       <.header>
         <%= @page_title %>
       </.header>
-      <.main_content class="h-[calc(100vh_-_158px)]">
+      <.main_content class="h-[calc(100vh_-_206px)]">
         <ol class="relative mt-4 ml-4 border-l border-gray-200">
           <%= for event <- @events do %>
             <.revision event={event} />

diff --git a/lib/beacon/live_admin/live/media_library_live/index.ex b/lib/beacon/live_admin/live/media_library_live/index.ex
@@ -131,7 +131,13 @@ defmodule Beacon.LiveAdmin.MediaLibraryLive.Index do
     </.header>
 
     <form id="search-form" phx-change="search" class="mt-10">
-      <input type="search" name="search" value={@search} placeholder="Search assets" class="block w-full rounded-lg text-zinc-900 focus:ring-2 focus:ring-blue-200 sm:text-sm sm:leading-6 phx-no-feedback:border-zinc-300 phx-no-feedback:focus:border-blue-600 border-zinc-300 focus:border-blue-600" />
+      <input
+        type="search"
+        name="search"
+        value={@search}
+        placeholder="Search assets"
+        class="block w-full rounded-lg text-zinc-900 focus:ring-2 focus:ring-blue-200 sm:text-sm sm:leading-6 phx-no-feedback:border-zinc-300 phx-no-feedback:focus:border-blue-600 border-zinc-300 focus:border-blue-600"
+      />
     </form>
 
     <.main_content class="h-[calc(100vh_-_170px)]">

diff --git a/lib/beacon/live_admin/live/page_editor_live/revisions.ex b/lib/beacon/live_admin/live/page_editor_live/revisions.ex
@@ -58,7 +58,7 @@ defmodule Beacon.LiveAdmin.PageEditorLive.Revisions do
         <%= @page_title %>
       </.header>
 
-      <.main_content class="h-[calc(100vh_-_158px)]">
+      <.main_content class="h-[calc(100vh_-_206px)]">
         <ol class="relative mt-4 ml-4 border-l border-gray-200">
           <%= for event <- @events do %>
             <.revision event={event} />
-Original file line number
+Diff line change
@@ Expand Up / @@ -57,7 +57,7 @@ defmodule Beacon.LiveAdmin.LayoutEditorLive.MetaTags do @@
         ~H"""
         <div>
           <Beacon.LiveAdmin.AdminComponents.layout_menu socket={@socket} site={@beacon_layout.site} current_action={@live_action} layout_id={@beacon_layout.id} />
-          <.live_component module={MetaTagsComponent} id="layout-meta-tags" site={@beacon_layout.site}  page_title={@page_title} live_action={@live_action} field={@field} meta_tags={@beacon_layout.meta_tags} />
+          <.live_component module={MetaTagsComponent} id="layout-meta-tags" site={@beacon_layout.site} page_title={@page_title} live_action={@live_action} field={@field} meta_tags={@beacon_layout.meta_tags} />
         </div>
         """
       end
@@ Expand Down @@