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:
@@ -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>
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user