bdc1f299da
- Create highly responsive bento layouts (grid, card, pages) - Integrate Livewire with Alpine and complex GSAP animations. - Implement DevTool Dark theme values across Blade components. - Enhance interactive elements, micro-interactions, API snippets logic natively. - Apply semantic HTML and properly linked responsive Nav\/Footers sections structure
20 lines
856 B
PHP
20 lines
856 B
PHP
@props(['filename' => 'api-request.sh'])
|
|
<div class="rounded-xl overflow-hidden border border-app-border bg-app-bg/80 backdrop-blur-sm shadow-2xl relative w-full mx-auto">
|
|
<!-- Window Controls -->
|
|
<div class="flex items-center px-4 py-3 border-b border-app-border bg-app-surface/50">
|
|
<div class="flex space-x-2">
|
|
<div class="w-3 h-3 rounded-full bg-red-500/80"></div>
|
|
<div class="w-3 h-3 rounded-full bg-yellow-500/80"></div>
|
|
<div class="w-3 h-3 rounded-full bg-green-500/80"></div>
|
|
</div>
|
|
<div class="ml-4 flex-1 text-center font-mono text-xs text-zinc-500 select-none">
|
|
{{ $filename }}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Code Content -->
|
|
<div class="p-4 sm:p-6 overflow-x-auto font-mono text-sm leading-relaxed text-zinc-300">
|
|
{{ $slot }}
|
|
</div>
|
|
</div>
|