Sha256: 876a2d23896f909903f763ce78dfeb1152a52aa4d23eaf3892f3a4e1de9c040c
Contents?: true
Size: 1.23 KB
Versions: 16
Compression:
Stored size: 1.23 KB
Contents
<div id="preview" class="h-full md:h-auto md:min-h-0 flex w-full bg-gray-50">
<div class="relative mx-auto bg-white" x-data="preview" :style="`width: ${$screen('md') ? $store.preview.width : '100%'}`">
<iframe seamless
class="absolute h-full inset-0 w-full border-l border-gray-300 md:pr-4 md:-mx-px"
src="<%= url_for lookbook.preview_path %>"
<% if config.preview_srcdoc %>srcdoc="<%== @rendered_example %>"<% end %>
frameborder="0"
x-data="sizeObserver"
x-effect="previewViewportWidth = observedWidth; previewViewportHeight = observedHeight;"
></iframe>
<div class="absolute opacity-0 inset-0 pointer-events-none" :class="{ 'pointer-events-none': !$store.page.reflowing }"></div>
<div
class="border-l border-r border-gray-300 bg-white hover:bg-indigo-100 hover:bg-opacity-20 transition absolute right-0 inset-y-0 flex items-center w-4 cursor-[col-resize] select-none"
style="touch-action: none"
@pointerdown="onResizeStart"
@dblclick="toggleFullWidth"
x-show="$screen('md')"
>
<svg class="h-4 w-4 text-gray-600 pointer-events-none" fill="currentColor" viewBox="0 0 24 24">
<path d="M8 5h2v14H8zM14 5h2v14h-2z"></path>
</svg>
</div>
</div>
</div>
Version data entries
16 entries across 16 versions & 1 rubygems