livebook-dev/livebook
1
1
Fork 0
mirror of https://github.com/livebook-dev/livebook.git synced 2025-12-19 22:49:23 +08:00
Code Issues Projects Releases Packages Wiki Activity

Make images in explore cards clickable

Browse source
This commit is contained in:
Jonatan Kłosko 2021-06-03 14:55:25 +02:00
parent 93d11ba068
commit 91a9f62fb9
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
lib/livebook_web/live/notebook_card_component.ex
View file

@ -5,9 +5,10 @@ defmodule LivebookWeb.NotebookCardComponent do
def render(assigns) do def render(assigns) do
~L""" ~L"""
<div class="flex flex-col"> <div class="flex flex-col">
<div class="flex items-center justify-center p-6 border-2 border-gray-100 rounded-t-2xl h-[150px]"> <%= live_redirect to: Routes.explore_path(@socket, :notebook, @notebook_info.slug),
class: "flex items-center justify-center p-6 border-2 border-gray-100 rounded-t-2xl h-[150px]" do %>
<img src="<%= @notebook_info.image_url %>" class="max-h-full max-w-[75%]" /> <img src="<%= @notebook_info.image_url %>" class="max-h-full max-w-[75%]" />
</div> <% end %>
<div class="px-6 py-4 bg-gray-100 rounded-b-2xl flex-grow"> <div class="px-6 py-4 bg-gray-100 rounded-b-2xl flex-grow">
<%= live_redirect @notebook_info.title, <%= live_redirect @notebook_info.title,
to: Routes.explore_path(@socket, :notebook, @notebook_info.slug), to: Routes.explore_path(@socket, :notebook, @notebook_info.slug),