Packages

livebook

0.7.0
0.19.8 0.19.7 0.19.6 0.19.5 0.19.4 0.19.3 0.19.2 0.19.1 0.19.0 0.18.6 0.18.5 0.18.4 0.18.3 0.18.2 0.18.1 0.18.0 0.17.3 0.17.2 0.17.1 0.17.0 0.16.4 0.16.3 0.16.2 0.16.1 0.16.0 0.15.5 0.15.4 0.15.3 0.15.2 0.15.1 0.15.0 0.14.7 0.14.6 0.14.5 0.14.4 0.14.3 0.14.2 0.14.1 0.14.0 0.14.0-rc.1 0.14.0-rc.0 0.13.3 0.13.2 0.13.1 0.13.0 0.12.1 0.12.0 0.11.4 0.11.3 0.11.2 0.11.1 0.11.0 0.10.0 0.9.3 0.9.2 0.9.1 0.9.0 0.8.2 0.8.1 0.8.0 0.7.2 0.7.1 0.7.0 0.6.3 0.6.2 0.6.1 0.6.0 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.2 0.3.1 0.3.0 0.2.3 0.2.2 0.2.1 0.2.0 0.1.2 0.1.1 0.1.0

Automate code & data workflows with interactive notebooks

HexDocs

Current section

Files

Jump to
Readme
82 Versions
13 Dependencies
3 Dependants
1 Advisory
Files
Activity
livebook lib livebook_web templates layout live.html.heex
Raw

lib/livebook_web/templates/layout/live.html.heex 

<main role="main" class="grow flex flex-col h-screen">

  <div class="fixed right-8 top-5 z-[1000] flex flex-col space-y-3">

    <%= if live_flash(@flash, :info) do %>

      <div

        class="shadow-custom-1 max-w-2xl flex items-center space-x-3 rounded-lg px-4 py-2 border-l-4 rounded-l-none border-blue-500 bg-white text-gray-600 hover:bg-gray-50 hover:text-gray-500 cursor-pointer"

        role="alert"

        phx-click="lv:clear-flash"

        phx-value-key="info"

      >

        <.remix_icon icon="information-line" class="text-2xl text-blue-500" />

        <span

          class="whitespace-pre-wrap pr-2 max-h-52 overflow-y-auto tiny-scrollbar"

          phx-no-format

        ><%= live_flash(@flash, :info) %></span>

      </div>

    <% end %>



    <%= if live_flash(@flash, :success) do %>

      <div

        class="shadow-custom-1 max-w-2xl flex items-center space-x-3 rounded-lg pl-4 pr-2 py-2 border-l-4 rounded-l-none border-blue-500 bg-white text-gray-600 hover:bg-gray-50 hover:text-gray-500 cursor-pointer"

        role="alert"

        phx-click="lv:clear-flash"

        phx-value-key="success"

      >

        <.remix_icon icon="checkbox-circle-fill" class="text-2xl text-blue-500" />

        <span

          class="whitespace-pre-wrap pr-2 max-h-52 overflow-y-auto tiny-scrollbar"

          phx-no-format

        ><%= live_flash(@flash, :success) %></span>

      </div>

    <% end %>



    <%= if live_flash(@flash, :warning) do %>

      <div

        class="shadow-custom-1 max-w-2xl flex items-center space-x-3 rounded-lg px-4 py-2 border-l-4 rounded-l-none border-yellow-300 bg-white text-gray-600 hover:bg-gray-50 hover:text-gray-500 cursor-pointer"

        role="alert"

        phx-click="lv:clear-flash"

        phx-value-key="warning"

      >

        <.remix_icon icon="alert-line" class="text-2xl text-yellow-400" />

        <span

          class="whitespace-pre-wrap pr-2 max-h-52 overflow-y-auto tiny-scrollbar"

          phx-no-format

        ><%= live_flash(@flash, :warning) %></span>

      </div>

    <% end %>



    <%= if live_flash(@flash, :error) do %>

      <div

        class="shadow-custom-1 max-w-2xl flex items-center space-x-3 rounded-lg px-4 py-2 border-l-4 rounded-l-none border-red-500 bg-white text-gray-600 hover:bg-gray-50 hover:text-gray-500 cursor-pointer"

        role="alert"

        phx-click="lv:clear-flash"

        phx-value-key="error"

      >

        <.remix_icon icon="close-circle-line" class="text-2xl text-red-500" />

        <span

          class="whitespace-pre-wrap pr-2 max-h-52 overflow-y-auto tiny-scrollbar"

          phx-no-format

        ><%= live_flash(@flash, :error) %></span>

      </div>

    <% end %>

  </div>



  <%= @inner_content %>

</main>



<.confirm_modal />