progress i think? sync at least
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 22s
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 22s
This commit is contained in:
parent
a6acc0e647
commit
eaab786155
6 changed files with 1095 additions and 779 deletions
14
src/pages/shop/_shop_main.svelte
Normal file
14
src/pages/shop/_shop_main.svelte
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<script>
|
||||
import ShopItemCard from "./comps/ShopItemCard.svelte";
|
||||
</script>
|
||||
<div class="p-8 flex w-full justify-center">
|
||||
<div class="text-4xl cozette">Items</div>
|
||||
</div>
|
||||
|
||||
<div class="flex w-full justify-center">
|
||||
<div class="grid grid-cols-2 gap-4 ">
|
||||
{#each { length: 5 } as _, i}
|
||||
<ShopItemCard/>
|
||||
{/each}
|
||||
</div>
|
||||
</div>
|
||||
15
src/pages/shop/comps/ShopItemCard.svelte
Normal file
15
src/pages/shop/comps/ShopItemCard.svelte
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<script>
|
||||
</script>
|
||||
|
||||
<div>
|
||||
<div class="group relative w-64 h-64 bg-slate-300">
|
||||
|
||||
<div class="w-full h-full">
|
||||
<img class="object-cover w-full h-full peer" src="/images/Zhen/Infomatik/PressurePlate.png" alt="">
|
||||
</div>
|
||||
|
||||
<div class="absolute hidden group-hover:flex w-full h-full top-0 bg-black opacity-50">
|
||||
Baller
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue