Roll out refined-minimal styling and product thumbnails across pages

Apply the dashboard's refined direction to the rest of the app:
- Items: page-title header, product thumbnail (best-price image) beside
  each item name via the shared thumbSm component.
- Results: refined headers; per-item and global tables get standardized
  thumbnails (global table gains a thumbnail column).
- Settings: page-title + subtitle, section headings restyled.
- Item form: page-title header.
- Shared: thumbSm component + compact thumbnail CSS variant.
This commit is contained in:
prosolis
2026-06-20 12:47:13 -07:00
parent 9a7f8b47a3
commit 3760571d84
12 changed files with 686 additions and 599 deletions

View File

@@ -56,10 +56,13 @@ templ credStatus(d SettingsData, key string) {
templ settingsBody(d SettingsData) {
<div class="space-y-8 max-w-3xl">
<h1 class="text-3xl font-semibold">Settings</h1>
<div>
<h1 class="v-page-title">Settings</h1>
<p class="v-page-sub">Credentials, budget, notifications, and users</p>
</div>
<section class="v-card p-6">
<h2 class="font-semibold mb-4">Apify, eBay and Ntfy</h2>
<h2 class="v-section-title mb-4">Apify, eBay and Ntfy</h2>
<form method="post" action="/settings" class="space-y-4">
@CSRFInput(d.CSRFToken)
<div>
@@ -169,7 +172,7 @@ templ settingsBody(d SettingsData) {
</section>
<section class="v-card p-6">
<h2 class="font-semibold mb-4">Change Password</h2>
<h2 class="v-section-title mb-4">Change Password</h2>
if d.PasswordError != "" {
<div class="v-flash-error">{ d.PasswordError }</div>
}
@@ -195,7 +198,7 @@ templ settingsBody(d SettingsData) {
</section>
<section class="v-card p-6">
<h2 class="font-semibold mb-4">Email Notifications</h2>
<h2 class="v-section-title mb-4">Email Notifications</h2>
if d.EmailError != "" {
<div class="v-flash-error">{ d.EmailError }</div>
}
@@ -228,7 +231,7 @@ templ settingsBody(d SettingsData) {
if d.IsAdmin {
<section class="v-card p-6">
<h2 class="font-semibold mb-4">Users</h2>
<h2 class="v-section-title mb-4">Users</h2>
if d.UserError != "" {
<div class="v-flash-error">{ d.UserError }</div>
}