Fix long module definition name overflowing

This commit is contained in:
Jonatan Kłosko 2024-08-26 20:20:33 +09:00
parent 5f251ed6f9
commit cce592a990
4 changed files with 34 additions and 46 deletions

View file

@ -6,7 +6,7 @@ defmodule LivebookWeb.SessionLive.AppInfoComponent do
@impl true @impl true
def render(assigns) do def render(assigns) do
~H""" ~H"""
<div class="flex flex-col"> <div class="flex flex-col" data-el-app-info>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h3 class="uppercase text-sm font-semibold text-gray-500"> <h3 class="uppercase text-sm font-semibold text-gray-500">
App App

View file

@ -25,7 +25,7 @@ defmodule LivebookWeb.SessionLive.FilesListComponent do
@impl true @impl true
def render(assigns) do def render(assigns) do
~H""" ~H"""
<div class="flex flex-col grow"> <div class="flex flex-col grow" data-el-files-list>
<h3 class="uppercase text-sm font-semibold text-gray-500"> <h3 class="uppercase text-sm font-semibold text-gray-500">
Files Files
</h3> </h3>

View file

@ -419,46 +419,34 @@ defmodule LivebookWeb.SessionLive.Render do
class="flex flex-col h-full w-full max-w-xs absolute z-30 top-0 left-[64px] overflow-y-auto shadow-xl md:static md:shadow-none bg-gray-50 border-r border-gray-100 px-6 pt-16 md:py-8" class="flex flex-col h-full w-full max-w-xs absolute z-30 top-0 left-[64px] overflow-y-auto shadow-xl md:static md:shadow-none bg-gray-50 border-r border-gray-100 px-6 pt-16 md:py-8"
data-el-side-panel data-el-side-panel
> >
<div class="flex grow" data-el-outline> <.outline_list data_view={@data_view} />
<.outline_list data_view={@data_view} /> <.clients_list data_view={@data_view} client_id={@client_id} />
</div> <.live_component
<div data-el-clients-list> module={LivebookWeb.SessionLive.FilesListComponent}
<.clients_list data_view={@data_view} client_id={@client_id} /> id="files-list"
</div> session={@session}
<div data-el-files-list> file_entries={@data_view.file_entries}
<.live_component quarantine_file_entry_names={@data_view.quarantine_file_entry_names}
module={LivebookWeb.SessionLive.FilesListComponent} />
id="files-list" <.live_component
session={@session} module={LivebookWeb.SessionLive.SecretsListComponent}
file_entries={@data_view.file_entries} id="secrets-list"
quarantine_file_entry_names={@data_view.quarantine_file_entry_names} session={@session}
/> secrets={@data_view.secrets}
</div> hub_secrets={@data_view.hub_secrets}
<div data-el-secrets-list> hub={@data_view.hub}
<.live_component />
module={LivebookWeb.SessionLive.SecretsListComponent} <.live_component
id="secrets-list" module={LivebookWeb.SessionLive.AppInfoComponent}
session={@session} id="app-info"
secrets={@data_view.secrets} session={@session}
hub_secrets={@data_view.hub_secrets} settings={@data_view.app_settings}
hub={@data_view.hub} app={@app}
/> deployed_app_slug={@data_view.deployed_app_slug}
</div> any_session_secrets?={@data_view.any_session_secrets?}
<div data-el-app-info> hub={@data_view.hub}
<.live_component />
module={LivebookWeb.SessionLive.AppInfoComponent} <.runtime_info data_view={@data_view} session={@session} />
id="app-info"
session={@session}
settings={@data_view.app_settings}
app={@app}
deployed_app_slug={@data_view.deployed_app_slug}
any_session_secrets?={@data_view.any_session_secrets?}
hub={@data_view.hub}
/>
</div>
<div data-el-runtime-info>
<.runtime_info data_view={@data_view} session={@session} />
</div>
</div> </div>
""" """
end end
@ -499,7 +487,7 @@ defmodule LivebookWeb.SessionLive.Render do
defp outline_list(assigns) do defp outline_list(assigns) do
~H""" ~H"""
<div class="flex flex-col grow"> <div class="flex flex-col grow" data-el-outline>
<h3 class="uppercase text-sm font-semibold text-gray-500"> <h3 class="uppercase text-sm font-semibold text-gray-500">
Outline Outline
</h3> </h3>
@ -582,7 +570,7 @@ defmodule LivebookWeb.SessionLive.Render do
defp clients_list(assigns) do defp clients_list(assigns) do
~H""" ~H"""
<div class="flex flex-col grow"> <div class="flex flex-col grow" data-el-clients-list>
<div class="flex items-center justify-between space-x-4 -mt-1"> <div class="flex items-center justify-between space-x-4 -mt-1">
<h3 class="uppercase text-sm font-semibold text-gray-500"> <h3 class="uppercase text-sm font-semibold text-gray-500">
Users Users
@ -645,7 +633,7 @@ defmodule LivebookWeb.SessionLive.Render do
defp runtime_info(assigns) do defp runtime_info(assigns) do
~H""" ~H"""
<div class="flex flex-col grow"> <div class="flex flex-col grow" data-el-runtime-info>
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<h3 class="uppercase text-sm font-semibold text-gray-500"> <h3 class="uppercase text-sm font-semibold text-gray-500">
Runtime Runtime

View file

@ -6,7 +6,7 @@ defmodule LivebookWeb.SessionLive.SecretsListComponent do
@impl true @impl true
def render(assigns) do def render(assigns) do
~H""" ~H"""
<div class="flex flex-col grow"> <div class="flex flex-col grow" data-el-secrets-list>
<div class="flex justify-between items-center"> <div class="flex justify-between items-center">
<h3 class="uppercase text-sm font-semibold text-gray-500"> <h3 class="uppercase text-sm font-semibold text-gray-500">
Secrets Secrets