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,13 +419,8 @@ 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} />
</div>
<div data-el-clients-list>
<.clients_list data_view={@data_view} client_id={@client_id} /> <.clients_list data_view={@data_view} client_id={@client_id} />
</div>
<div data-el-files-list>
<.live_component <.live_component
module={LivebookWeb.SessionLive.FilesListComponent} module={LivebookWeb.SessionLive.FilesListComponent}
id="files-list" id="files-list"
@ -433,8 +428,6 @@ defmodule LivebookWeb.SessionLive.Render do
file_entries={@data_view.file_entries} file_entries={@data_view.file_entries}
quarantine_file_entry_names={@data_view.quarantine_file_entry_names} quarantine_file_entry_names={@data_view.quarantine_file_entry_names}
/> />
</div>
<div data-el-secrets-list>
<.live_component <.live_component
module={LivebookWeb.SessionLive.SecretsListComponent} module={LivebookWeb.SessionLive.SecretsListComponent}
id="secrets-list" id="secrets-list"
@ -443,8 +436,6 @@ defmodule LivebookWeb.SessionLive.Render do
hub_secrets={@data_view.hub_secrets} hub_secrets={@data_view.hub_secrets}
hub={@data_view.hub} hub={@data_view.hub}
/> />
</div>
<div data-el-app-info>
<.live_component <.live_component
module={LivebookWeb.SessionLive.AppInfoComponent} module={LivebookWeb.SessionLive.AppInfoComponent}
id="app-info" id="app-info"
@ -455,11 +446,8 @@ defmodule LivebookWeb.SessionLive.Render do
any_session_secrets?={@data_view.any_session_secrets?} any_session_secrets?={@data_view.any_session_secrets?}
hub={@data_view.hub} hub={@data_view.hub}
/> />
</div>
<div data-el-runtime-info>
<.runtime_info data_view={@data_view} session={@session} /> <.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