Improve homepage responsiveness

This commit is contained in:
Jonatan Kłosko 2021-04-21 12:43:13 +02:00
parent 9a1fe55759
commit dd7453c706

View file

@ -20,7 +20,7 @@ defmodule LivebookWeb.HomeLive do
<div class="flex flex-grow h-full"> <div class="flex flex-grow h-full">
<div class="flex-grow px-6 py-8 overflow-y-auto"> <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="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="w-full flex flex-col space-y-2 items-center sm:flex-row sm:space-y-0 sm:justify-between pb-4 border-b border-gray-200">
<div class="text-2xl text-gray-800 font-semibold"> <div class="text-2xl text-gray-800 font-semibold">
<img src="/logo-with-text.png" class="h-[50px]" alt="Livebook" /> <img src="/logo-with-text.png" class="h-[50px]" alt="Livebook" />
</div> </div>
@ -47,7 +47,7 @@ defmodule LivebookWeb.HomeLive do
phx_submit: nil do %> phx_submit: nil do %>
<div class="flex justify-end space-x-2"> <div class="flex justify-end space-x-2">
<%= content_tag :button, <%= content_tag :button,
class: "button button-outlined-gray", class: "button button-outlined-gray whitespace-nowrap",
phx_click: "fork", phx_click: "fork",
disabled: not path_forkable?(@path) do %> disabled: not path_forkable?(@path) do %>
<%= remix_icon("git-branch-line", class: "align-middle mr-1") %> <%= remix_icon("git-branch-line", class: "align-middle mr-1") %>