- 검색 조건 보완, 검색 결과 개수 표시, 검색 결과 없을 경우 안내 추가
- 상품 +7
This commit is contained in:
2026-02-06 00:05:19 +09:00
parent dd2ccbc12b
commit dfe59e516e
34 changed files with 364 additions and 108 deletions

View File

@@ -15,12 +15,7 @@
<meta property="twitter:title" content="sori.inventory" />
<meta property="twitter:description" content="일상의 조각들, 그리고 취향의 공유." />
<meta property="twitter:image" content="https://sori.studio/og/inven.jpg" />
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="/images/assets/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/images/assets/favicon/favicon-16x16.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/images/assets/favicon/apple-touch-icon.png" />
<link rel="manifest" href="/images/assets/favicon/site.webmanifest" />
<!-- default -->
<!-- -->
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>sori.inventory</title>
@@ -88,8 +83,10 @@
<header class="sticky top-0 z-50 gap-2 flex items-center justify-between whitespace-nowrap border-b border-solid border-slate-200 dark:border-slate-800 bg-white/80 dark:bg-background-dark/80 backdrop-blur-md px-6 md:px-40 py-3">
<div class="flex items-center gap-8">
<div class="flex items-center gap-3 text-slate-900 dark:text-white">
<img src="/images/assets/favicon/favicon-32x32.png" alt="sori.inventory logo" class="w-5 h-5" />
<h2 class="hidden xs:block text-lg font-bold leading-tight tracking-tight">sori.inventory</h2>
<div class="flex items-center justify-center size-8 bg-primary rounded-lg text-white">
<span class="material-symbols-outlined text-xl">inventory_2</span>
</div>
<h2 class="hidden xs:block text-lg font-bold leading-tight tracking-tight cursor-pointer" id="logo-title">sori.inventory</h2>
</div>
</div>
<div class="flex flex-1 justify-end gap-4 items-center">
@@ -133,6 +130,15 @@
<!-- filter-chips -->
</div>
</div>
<section class="px-6 md:px-40 pt-6 -mb-4">
<div class="flex items-center justify-between">
<div class="flex items-center gap-2">
<span class="text-slate-400 dark:text-slate-500 text-xs font-bold uppercase tracking-widest">Total Results</span>
<span id="total-count" class="px-2 py-0.5 rounded bg-primary/10 text-primary text-sm font-bold">0</span>
</div>
</div>
</section>
<!-- Product Grid -->
<div class="px-6 md:px-40 py-10">
<div id="product-grid" class="grid grid-cols-2 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 gap-8">