Logo and README (#133)

README.md

@@ -1,4 +1,4 @@
-# Livebook
+<h1><img src="https://github.com/elixir-nx/livebook/raw/main/priv/static/logo-with-text.png" alt="Livebook" width="400"></h1>
 
 To start your Phoenix server:
 

lib/livebook_web/live/home_live.ex

@@ -18,18 +18,13 @@ defmodule LivebookWeb.HomeLive do
   def render(assigns) do
     ~L"""
     <div class="flex flex-grow h-full">
-      <div class="flex flex-col items-center space-y-6 px-3 py-8 bg-gray-900">
-        <%= live_patch to: Routes.home_path(@socket, :page) do %>
-          <img src="/logo.png" height="40" width="40" alt="livebook" />
-        <% end %>
-      </div>
       <div class="flex-grow px-6 py-8 overflow-y-auto">
         <div class="max-w-screen-lg w-full mx-auto p-4 pt-0 pb-8 flex flex-col items-center space-y-4">
           <div class="w-full flex items-center justify-between pb-4 border-b border-gray-200">
             <div class="text-2xl text-gray-800 font-semibold">
-              <img src="/logo-with-text.png" class="h-[40px]" alt="Livebook" />
+              <img src="/logo-with-text.png" class="h-[50px]" alt="Livebook" />
             </div>
-            <div class="flex space-x-2">
+            <div class="flex space-x-2 pt-2">
               <span class="tooltip top" aria-label="Introduction">
                 <button class="button button-outlined-gray button-square-icon"
                   phx-click="open_welcome">

lib/livebook_web/live/session_live.ex

@@ -51,7 +51,7 @@ defmodule LivebookWeb.SessionLive do
       id="session"
       data-element="session"
       phx-hook="Session">
-      <div class="flex flex-col items-center space-y-5 px-3 py-8 bg-gray-900">
+      <div class="flex flex-col items-center space-y-5 px-3 py-7 bg-gray-900">
         <%= live_patch to: Routes.home_path(@socket, :page) do %>
           <img src="/logo.png" height="40" width="40" alt="livebook" />
         <% end %>
@@ -127,7 +127,7 @@ defmodule LivebookWeb.SessionLive do
           </div>
         </div>
       </div>
-      <div class="fixed bottom-[0.5rem] right-[1.5rem]">
+      <div class="fixed bottom-[0.4rem] right-[1.5rem]">
         <%= live_component @socket, LivebookWeb.SessionLive.IndicatorsComponent,
               session_id: @session_id,
               data_view: @data_view %>

lib/livebook_web/live/session_live/attached_live.ex

@@ -16,7 +16,7 @@ defmodule LivebookWeb.SessionLive.AttachedLive do
   @impl true
   def render(assigns) do
     ~L"""
-    <div class="flex-col space-y-3">
+    <div class="flex-col space-y-5">
       <%= if @error_message do %>
         <div class="mb-3 rounded-lg px-4 py-2 bg-red-100 text-red-400 font-medium">
           <%= @error_message %>
@@ -43,7 +43,7 @@ defmodule LivebookWeb.SessionLive.AttachedLive do
         <%= text_input f, :name, value: @name, class: "input",
               placeholder: if(Livebook.Config.shortnames?, do: "test", else: "test@127.0.0.1") %>
 
-        <%= submit "Connect", class: "mt-3 button button-blue" %>
+        <%= submit "Connect", class: "mt-5 button button-blue" %>
       </form>
     </div>
     """

lib/livebook_web/live/session_live/elixir_standalone_live.ex

@@ -15,7 +15,7 @@ defmodule LivebookWeb.SessionLive.ElixirStandaloneLive do
   @impl true
   def render(assigns) do
     ~L"""
-    <div class="flex-col space-y-3">
+    <div class="flex-col space-y-5">
       <p class="text-gray-700">
         Start a new local node to handle code evaluation.
         This is the default runtime and is started automatically

lib/livebook_web/live/session_live/mix_standalone_live.ex

@@ -25,7 +25,7 @@ defmodule LivebookWeb.SessionLive.MixStandaloneLive do
   @impl true
   def render(assigns) do
     ~L"""
-    <div class="flex-col space-y-3">
+    <div class="flex-col space-y-5">
       <p class="text-gray-700">
         Start a new local node in the context of a Mix project.
         This way all your code and dependencies will be available

lib/livebook_web/live/session_live/persistence_component.ex

@@ -47,7 +47,7 @@ defmodule LivebookWeb.SessionLive.PersistenceComponent do
         <% end %>
         <div>
           <%= content_tag :button, "Save",
-            class: "button button-blue",
+            class: "button button-blue mt-2",
             phx_click: "save",
             phx_target: @myself,
             disabled: not path_savable?(normalize_path(@path), @running_paths) or normalize_path(@path) == @current_path %>

lib/livebook_web/live/session_live/settings_component.ex

@@ -26,7 +26,7 @@ defmodule LivebookWeb.SessionLive.SettingsComponent do
         <div class="flex-grow tab">
         </div>
       </div>
-      <div>
+      <div class="pt-2">
         <%= if @tab == "file" do %>
           <%= live_component @socket, LivebookWeb.SessionLive.PersistenceComponent,
             id: :persistence,

lib/livebook_web/live/session_live/shortcuts_component.ex

@@ -59,7 +59,7 @@ defmodule LivebookWeb.SessionLive.ShortcutsComponent do
     assigns = %{title: title, left: left, right: right, platform: platform}
 
     ~L"""
-    <h3 class="text-lg font-medium text-gray-900">
+    <h3 class="text-lg font-medium text-gray-900 pt-4">
       <%= @title %>
     </h3>
     <div class="mt-2 flex">