Improvement users connected display (#591)

* Improve users connected display

* Update lib/livebook_web/live/session_live.ex

Co-authored-by: Jonatan Kłosko <jonatanklosko@gmail.com>

* Update lib/livebook_web/live/session_live.ex

Co-authored-by: Jonatan Kłosko <jonatanklosko@gmail.com>

* Adjust elements

Co-authored-by: Jonatan Kłosko <jonatanklosko@gmail.com>
This commit is contained in:
Jean Carlos 2021-10-10 07:15:15 -03:00 committed by GitHub
parent 6391b65060
commit a13e691e44
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -142,12 +142,15 @@ defmodule LivebookWeb.SessionLive do
</div> </div>
<div data-element="clients-list"> <div data-element="clients-list">
<div class="flex-grow flex flex-col"> <div class="flex-grow flex flex-col">
<h3 class="font-semibold text-gray-800 text-lg"> <div class="flex space-x-4 items-center justify-between">
Users <h3 class="font-semibold text-gray-800 text-lg flex-lg">
</h3> Users
<h4 class="font text-gray-500 text-sm my-1"> </h3>
<%= length(@data_view.clients) %> connected <span class="flex items-center space-x-2 bg-gray-200 p-2 rounded-lg text-sm">
</h4> <span class="bg-green-600 inline-flex rounded-full h-3 w-3"></span>
<span><%= length(@data_view.clients) %> connected</span>
</span>
</div>
<div class="mt-4 flex flex-col space-y-4"> <div class="mt-4 flex flex-col space-y-4">
<%= for {client_pid, user} <- @data_view.clients do %> <%= for {client_pid, user} <- @data_view.clients do %>
<div class="flex items-center justify-between space-x-2" <div class="flex items-center justify-between space-x-2"