app/views/lookbook/pages/show.html.erb in lookbook-2.0.0.beta.3 vs app/views/lookbook/pages/show.html.erb in lookbook-2.0.0.beta.4
- old
+ new
@@ -1,10 +1,9 @@
<main
class="h-[calc(100vh_-_40px)]"
x-data="{}"
- @navigation:complete.window="$refs.scroller.scrollTop = 0;"
- @dom:update-complete.window="Lookbook.initEmbeds();">
+ @navigation:complete.window="$refs.scroller.scrollTop = 0">
<div class="h-full bg-lookbook-page-bg relative">
<% unless @error %>
<div class="absolute top-0 right-0 pt-1 pr-0 pl-1 pb-1 rounded-bl-md">
<div class="bg-lookbook-page-bg opacity-90 absolute inset-0 w-full h-full z-0"></div>
@@ -44,15 +43,17 @@
<% end %>
<div class="px-4 md:px-10 pt-8 md:pt-10 overflow-auto scroll-smooth w-full max-h-full pb-12" x-ref="scroller">
<div class="w-full max-w-screen-lg mx-auto h-full flex flex-col">
<% if @page.header? %>
- <header id="page-header" class="mb-8 prose max-w-none flex-none">
- <h1><%= @page.title %></h1>
+ <header id="page-header" class="mb-7 pb-6 lg:mb-9 lg:pb-8 border-b border-lookbook-divider">
+ <%= lookbook_render :prose, size: :md, markdown: false, class: "max-w-none flex-none" do %>
+ <h1><%= @page.title %></h1>
+ <% end %>
</header>
<% end %>
- <%= lookbook_render :prose, id: "page-content", markdown: false, class: "max-w-none flex-none" do %>
+ <%= lookbook_render :prose, size: :md, id: "page-content", markdown: false, class: "max-w-none flex-none min-h-[50vh]" do %>
<%= @page_content %>
<% end %>
<% if @page.sections.any? %>
<%= lookbook_render :page_tabs, id: "page-tabbed-sections", markdown: false, class: "mt-6" do |page_tabs| %>
\ No newline at end of file