fix(gallery): fill tall portrait cards to full block width with object-cover crop

- ArtworkCard: add w-full to nova-card-media, use absolute inset-0 on img so object-cover fills the max-height capped box instead of collapsing the width - MasonryGallery.css: add width:100% to media container, position img absolutely so top/bottom is cropped rather than leaving dark gaps - Add React MasonryGallery + ArtworkCard components and entry point - Add recommendation system: UserRecoProfile model/DTO/migration, SuggestedCreatorsController, SuggestedTagsController, Recommendation services, config/recommendations.php - SimilarArtworksController, DiscoverController, HomepageService updates - Update routes (api + web) and discover/for-you views - Refresh favicon assets, update vite.config.js
2026-02-27 13:34:08 +01:00
parent 09eadf9003
commit 67ef79766c
37 changed files with 3096 additions and 58 deletions
--- a/resources/views/layouts/__legacy.blade.php
+++ b/resources/views/layouts/__legacy.blade.php
@@ -0,0 +1,51 @@
+@include('layouts._legacy')
+<!DOCTYPE html>
+<html lang="{{ app()->getLocale() }}">
+<head>
+    <title>{{ $page_title ?? 'Skinbase' }}</title>
+
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="{{ $page_meta_description ?? '' }}">
+    <meta name="keywords" content="{{ $page_meta_keywords ?? '' }}">
+    @isset($page_canonical)
+        <link rel="canonical" href="{{ $page_canonical }}" />
+    @endisset
+
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
+    <link rel="shortcut icon" href="/favicon.ico">
+
+    @vite(['resources/css/app.css','resources/scss/nova.scss','resources/js/nova.js'])
+    @stack('head')
+</head>
+<body class="bg-nova-900 text-white min-h-screen flex flex-col">
+
+<div id="topbar-root"></div>
+@include('layouts.nova.toolbar')
+
+<main class="flex-1 pt-16">
+    <div class="mx-auto w-full max-w-7xl px-4 py-6 md:px-6 lg:px-8">
+        @hasSection('sidebar')
+            <div class="grid grid-cols-1 gap-6 xl:grid-cols-[minmax(0,1fr)_20rem]">
+                <section class="min-w-0">
+                    @yield('content')
+                </section>
+                <aside class="xl:sticky xl:top-24 xl:self-start">
+                    @yield('sidebar')
+                </aside>
+            </div>
+        @else
+            <section class="min-w-0">
+                @yield('content')
+            </section>
+        @endif
+    </div>
+</main>
+
+@include('layouts.nova.footer')
+
+@stack('toolbar')
+@stack('scripts')
+
+</body>
+</html>