new ataxchments preview code now with proper code
This commit is contained in:
@@ -205,16 +205,45 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-2xl border border-white/10 bg-white/10 p-5 shadow-2xl backdrop-blur">
|
||||
<div class="grid grid-cols-3 gap-2">
|
||||
@foreach (range(1, 9) as $cell)
|
||||
<div class="h-14 rounded-xl bg-white/15"></div>
|
||||
@endforeach
|
||||
</div>
|
||||
<div class="mt-4 rounded-xl bg-white/10 p-4">
|
||||
<div class="h-2 rounded-full bg-blue-300/80"></div>
|
||||
<div class="mt-3 h-2 w-3/4 rounded-full bg-emerald-300/80"></div>
|
||||
<div class="mt-3 h-2 w-1/2 rounded-full bg-rose-300/80"></div>
|
||||
<div class="relative overflow-hidden rounded-3xl border border-white/15 bg-slate-900/75 p-5 shadow-2xl ring-1 ring-blue-400/10 backdrop-blur">
|
||||
<div class="absolute -right-12 -top-12 h-36 w-36 rounded-full bg-blue-500/20 blur-3xl"></div>
|
||||
<div class="absolute -bottom-16 left-8 h-40 w-40 rounded-full bg-emerald-400/10 blur-3xl"></div>
|
||||
|
||||
<div class="relative rounded-2xl border border-white/10 bg-white/[0.06] p-4 shadow-inner">
|
||||
<div class="mb-4 flex items-center justify-between gap-3">
|
||||
<div>
|
||||
<div class="h-2.5 w-24 rounded-full bg-blue-200/80"></div>
|
||||
<div class="mt-2 h-2 w-16 rounded-full bg-white/25"></div>
|
||||
</div>
|
||||
<div class="flex gap-1.5">
|
||||
<span class="h-2.5 w-2.5 rounded-full bg-emerald-300"></span>
|
||||
<span class="h-2.5 w-2.5 rounded-full bg-amber-300"></span>
|
||||
<span class="h-2.5 w-2.5 rounded-full bg-rose-300"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-3 gap-2.5">
|
||||
@foreach ([72, 54, 88, 46, 68, 58] as $height)
|
||||
<div class="rounded-xl border border-white/10 bg-slate-800/80 p-2">
|
||||
<div class="rounded-lg bg-blue-400/20" style="height: {{ $height }}px"></div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<div class="mt-4 grid gap-3 sm:grid-cols-3">
|
||||
<div class="rounded-xl border border-blue-300/20 bg-blue-500/15 p-3">
|
||||
<div class="h-2 w-10 rounded-full bg-blue-200"></div>
|
||||
<div class="mt-3 h-6 w-14 rounded-lg bg-white/20"></div>
|
||||
</div>
|
||||
<div class="rounded-xl border border-emerald-300/20 bg-emerald-500/15 p-3">
|
||||
<div class="h-2 w-10 rounded-full bg-emerald-200"></div>
|
||||
<div class="mt-3 h-6 w-14 rounded-lg bg-white/20"></div>
|
||||
</div>
|
||||
<div class="rounded-xl border border-violet-300/20 bg-violet-500/15 p-3">
|
||||
<div class="h-2 w-10 rounded-full bg-violet-200"></div>
|
||||
<div class="mt-3 h-6 w-14 rounded-lg bg-white/20"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user