DeprivedDevs/deprived-main-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

cooking
Some checks failed
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Failing after 0s
Details

Browse source
This commit is contained in:
BOTAlex 2025-08-14 07:03:57 +02:00
parent 1b371ff2b7
commit 990266de0c
2 changed files with 23 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/pages/shop/comps/ShopItemCard.svelte
View file

@ -1,5 +1,6 @@
<script lang="ts">
import type { ShopItem } from "@src/ts/api/classes/ShopItem";
import { ArrowBigRight } from "lucide-svelte";
export let shopItem: ShopItem;
@ -9,7 +10,22 @@
<div class="">
<div class="relative w-48 h-48">
<!-- moved w/h here -->
<div class="corner-border-container"></div>
<div class="corner-border-container">
<div class="w-full h-full flex flex-col justify-end">
<div class="flex flex-col justify-center items-center">
<span class="text-xl font-semibold text-center w-full"
>{shopItem.item_name}</span
>
<span>{@html shopItem.short_desc}</span>
</div>
<div class="flex justify-end p-2">
<a
class="btn not-hover:btn-outline btn-primary btn-square"
href={shopItem.page_url}><ArrowBigRight /></a
>
</div>
</div>
</div>
<!-- removed 'relative w-48 h-48' -->
<div
class="absolute"
@ -20,7 +36,7 @@
>
<div class="w-full h-full">
<img
class="object-cover w-full h-full peer"
class="object-cover w-full h-full peer rounded"
src={shopItem.preview_image}
alt=""
/>
@ -40,7 +56,6 @@
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
/* Corner lines (same 8-gradients as before) */
background-image:
@ -94,6 +109,6 @@
--y: var(--length);
opacity: 1;
transform: scale(1);
background-color: #0008;
background-color: rgba(0, 0, 0, 0.65);
}
</style>