stupid-inertia-ui.html

<div data-inertiaui-modal-id="inertiaui_modal_5326e2ec-03ba-444f-a237-eebf34f05f5c" data-inertiaui-modal-index="0" class="im-dialog relative z-20" aria-hidden="false"><div data-state="open" class="im-backdrop fixed inset-0 z-30 bg-black/75" data-aria-hidden="true" aria-hidden="true" style="pointer-events: auto;"></div><!----><div class="im-modal-container fixed inset-0 z-40 overflow-y-auto p-4"><div class="im-modal-positioner flex min-h-full justify-center items-center"><div data-dismissable-layer="" id="" role="dialog" aria-labelledby="radix-vue-dialog-title-v-8" data-state="open" tabindex="-1" class="im-modal-wrapper w-full transition duration-300 ease-in-out sm:max-w-md md:max-w-xl lg:max-w-3xl xl:max-w-4xl" style="pointer-events: auto;"><h2 id="radix-vue-dialog-title-v-8" style="position: absolute; border: 0px; width: 1px; display: inline-block; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; overflow-wrap: normal;"></h2><div class="im-modal-content relative modalPadding modalPanel h-auto" data-inertiaui-modal-entered="true"><div class="absolute right-0 top-0 pr-3 pt-3"><button type="button" class="im-close-button text-gray-400 hover:text-gray-500"><span class="sr-only">Close</span><svg class="size-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div><article class="w-full rounded-lg border relative border-border bg-surface-elevated shadow-sm [&amp;&gt;*+*]:border-border-subtle group overflow-hidden ring-2 ring-card-elevated-foreground/50 mx-auto max-w-full max-h-[98vh] p-0 [&amp;&gt;*]:p-0 flex h-full flex-col [&amp;&gt;*+*]:border-t" tabindex="1"><!-- CardHeader for videos with actions and metadata --><!--v-if--><!-- CardActions positioned in top-left corner for images (with background for visibility) --><!-- Chevron - Simple chevron menu --><!-- Buttons - Row of labeled buttons --><div class="flex items-center justify-end space-x-1 not-group-hover:not-group-active:not-group-focus:hidden absolute left-3 top-3 z-10 rounded-lg [&amp;&gt;*]:bg-black/30 backdrop-blur-sm"><a data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-focus-ring-offset aria-invalid:ring-2 aria-invalid:ring-error aria-invalid:border-error hover:bg-surface-interactive-hover text-text min-h-[44px] @md:min-h-[36px] h-11 px-4 py-2 has-[&gt;svg]:px-3 @md:h-9 border border-border/30 text-xs first:rounded-l-md last:rounded-r-md flex items-center gap-3" href="http://localhost:8000/media"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide size-[1.2em] lucide-list-icon lucide-list size-[1.2em]"><path d="M3 12h.01"></path><path d="M3 18h.01"></path><path d="M3 6h.01"></path><path d="M8 12h13"></path><path d="M8 18h13"></path><path d="M8 6h13"></path></svg><span class="@max-sm:hidden">Listado</span></a></div><main class="flex flex-1 flex-col items-start gap-4 overflow-hidden p-0! @container/card-content relative min-w-0"><!-- Dynamic container that respects original aspect ratio and fits within viewport --><div class="relative mx-auto flex max-h-[85vh] max-w-[95vw] items-center justify-center"><!-- Image Display --><div class="relative"><img src="https://picsum.photos/1593/736?random=1763629290" alt="Aut aut et eius." fetchpriority="high" class="max-h-[85vh] max-w-full h-auto w-auto object-contain" loading="lazy"></div><!-- Description overlay (only for non-video media) --><div class="absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/85 via-black/60 via-60% to-transparent p-4 text-white"><div class="space-y-2"><p class="text-lg leading-relaxed">Aut aut et eius.</p><div class="flex items-center justify-between text-sm opacity-90"><span>Published by Margarita Fonseca</span><span title="nov. 20, 2025 9:01 a. m.">hace 4 horas</span></div></div></div></div></main></article></div></div></div></div></div>