gonna commit before trying making custom scrollbar
Some checks failed
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Failing after 0s
Some checks failed
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Failing after 0s
This commit is contained in:
parent
516a0550ea
commit
bd2a1f7f77
1 changed files with 16 additions and 5 deletions
|
|
@ -1,8 +1,19 @@
|
||||||
<div class="grid grid-cols-4 w-full h-full">
|
<div class="grid grid-cols-6 w-full h-[80vh]">
|
||||||
<div class="bg-blue-200 h-full col-start-2">
|
<div class="h-full col-start-2 col-span-2">
|
||||||
<div class="flex flex-col items-center w-full h-full">
|
<div class="flex flex-col items-center justify-center w-full h-full">
|
||||||
<div class="w-10 h-10 bg-lime-200"></div>
|
<div class="flex flex-col w-72">
|
||||||
|
<div class="w-full h-72 bg-lime-200"></div>
|
||||||
|
<div class="flex w-full gap-4 overflow-x-scroll">
|
||||||
|
{#each { length: 4 } as i}
|
||||||
|
<img
|
||||||
|
src="https://placehold.co/600x400"
|
||||||
|
class="w-16 h-16 rounded object-cover"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
{/each}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="bg-violet-600 h-full col-start-3">test2</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="h-full col-start-4 col-span-2">test2</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue