livebook-dev/livebook
1
1
Fork 0
mirror of https://github.com/livebook-dev/livebook.git synced 2025-10-09 21:16:26 +08:00
Code Issues Projects Releases Packages Wiki Activity

Improve apps on mobile (#1821)

Browse source
This commit is contained in:
José Valim 2023-03-24 15:22:50 +01:00 • committed by GitHub
parent 1e995cfca3
commit a2c58f8d8e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 65 additions and 70 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
lib/livebook_web/live/app_live.ex
View file

@ -55,8 +55,9 @@ defmodule LivebookWeb.AppLive do
@impl true
def render(assigns) when assigns.app_authenticated? do
~H"""
<div class="flex grow h-full">
<div class="px-3 py-5">
<div class="h-full relative overflow-y-auto px-4 md:px-20" data-el-notebook>
<div class="w-full max-w-screen-lg py-4 mx-auto" data-el-notebook-content>
<div class="absolute md:fixed right-8 md:left-4 top-3 w-10 h-10">
<.menu id="app-menu" position={:bottom_left}>
<:toggle>
<button class="flex items-center text-gray-900">
@ -78,13 +79,8 @@ defmodule LivebookWeb.AppLive do
</.menu_item>
</.menu>
</div>
<div class="grow overflow-y-auto relative" data-el-notebook>
<div
class="w-full max-w-screen-lg px-4 sm:pl-8 sm:pr-16 md:pl-16 pt-4 sm:py-5 mx-auto"
data-el-notebook-content
>
<div data-el-js-view-iframes phx-update="ignore" id="js-view-iframes"></div>
<div class="flex items-center pb-4 mb-2 space-x-4 border-b border-gray-200">
<div class="flex items-center pb-4 mb-2 space-x-4 border-b border-gray-200 pr-20 md:pr-0">
<h1 class="text-3xl font-semibold text-gray-800">
<%= @data_view.notebook_name %>
</h1>
@ -127,7 +123,6 @@ defmodule LivebookWeb.AppLive do
<div style="height: 80vh"></div>
</div>
</div>
</div>
<.modal
:if={@live_action == :source and @data_view.show_source}