klevze/SkinbaseNova
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

more fixes

Browse Source
This commit is contained in:
Gregor Klevže
2026-03-12 07:22:38 +01:00
parent 547215cbe8
commit 4f576ceb04
226 changed files with 14380 additions and 4453 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/Pages/Home/HomeFresh.jsx
View File

@@ -63,7 +63,7 @@ export default function HomeFresh({ items }) {
</a>
</div>
<div className="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5">
<div className="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-5">
{items.slice(0, Math.floor(items.length / 5) * 5 || items.length).map((item) => (
<FreshCard key={item.id} item={item} />
))}

15
resources/js/Pages/Home/HomeHero.jsx
View File

@@ -2,12 +2,10 @@ import React from 'react'
const FALLBACK = 'https://files.skinbase.org/default/missing_lg.webp'
export default function HomeHero({ artwork, isLoggedIn }) {
const uploadHref = isLoggedIn ? '/upload' : '/login?redirect=/upload'
export default function HomeHero({ artwork }) {
if (!artwork) {
return (
<section className="relative flex min-h-[27vw] max-h-[300px] w-full items-end overflow-hidden bg-nova-900">
<section className="relative flex min-h-[62vh] max-h-[420px] w-full items-end overflow-hidden bg-nova-900 md:min-h-[38vh] md:max-h-[460px]">
<div className="pointer-events-none absolute inset-0 bg-gradient-to-t from-nova-900 via-nova-900/60 to-transparent" />
<div className="relative z-10 w-full px-6 pb-7 sm:px-10 lg:px-16">
<h1 className="text-2xl font-bold tracking-tight text-white sm:text-4xl">
@@ -18,7 +16,6 @@ export default function HomeHero({ artwork, isLoggedIn }) {
</p>
<div className="mt-4 flex flex-wrap gap-3">
<a href="/discover/trending" className="rounded-xl bg-accent px-5 py-2 text-sm font-semibold text-white shadow-lg transition hover:brightness-110">Explore Trending</a>
<a href={uploadHref} className="rounded-xl bg-nova-700 px-5 py-2 text-sm font-semibold text-white shadow-lg transition hover:bg-nova-600">Upload</a>
</div>
</div>
</section>
@@ -28,7 +25,7 @@ export default function HomeHero({ artwork, isLoggedIn }) {
const src = artwork.thumb_lg || artwork.thumb || FALLBACK
return (
<section className="group relative flex min-h-[27vw] max-h-[300px] w-full items-end overflow-hidden bg-nova-900">
<section className="group relative flex min-h-[62vh] max-h-[420px] w-full items-end overflow-hidden bg-nova-900 md:min-h-[38vh] md:max-h-[460px]">
{/* Background image */}
<img
src={src}
@@ -60,12 +57,6 @@ export default function HomeHero({ artwork, isLoggedIn }) {
>
Explore Trending
</a>
<a
href={uploadHref}
className="rounded-xl bg-nova-700 px-5 py-2 text-sm font-semibold text-white shadow-lg transition hover:bg-nova-600"
>
Upload
</a>
<a
href={artwork.url}
className="rounded-xl border border-nova-600 px-5 py-2 text-sm font-semibold text-nova-200 shadow transition hover:border-nova-400 hover:text-white"