mirror of
https://github.com/we-promise/sure.git
synced 2026-05-09 05:35:00 +00:00
c429f20a77
Sure uses Tailwind v4 with the design system tokens but several views still carried Bootstrap-style class names that don't render anything because no Bootstrap stylesheet is loaded. They're effectively dead markup. Replacements: - text-muted, text-muted-foreground -> text-subdued - bg-light -> bg-surface - font-italic -> italic - text-uppercase -> uppercase - font-weight-bold -> font-bold Touched files: - app/views/doorkeeper/applications/_form.html.erb - app/views/doorkeeper/applications/show.html.erb - app/views/pages/privacy.html.erb - app/views/pages/terms.html.erb - app/views/pages/redis_configuration_error.html.erb - app/views/settings/providers/_mercury_panel.html.erb Also tightening application.css: - The .hw-combobox__label rule used raw text-gray-500 / text-gray-400 via @apply. Now uses the text-secondary / text-subdued tokens so the combobox label responds to the theme. - Custom scrollbar thumbs in .windows and .scrollbar used hardcoded #d6d6d6 / #a6a6a6 hex values. Now reference var(--color-gray-300) / var(--color-gray-400). Slight color shift (the hex values were close to but not identical to those tokens), so this needs a quick visual check. And reports/print.html.erb had four <span style="color: #666"> elements on the metric cards. Replaced with class="text-secondary" merged into the existing tufte-metric-card-change class, so print uses the same secondary-text color the rest of the app uses.
60 lines
2.5 KiB
Plaintext
60 lines
2.5 KiB
Plaintext
<% content_for :title, "Redis Configuration Required - Sure" %>
|
|
|
|
<div class="flex items-center justify-center h-full p-4 sm:p-6 lg:p-8">
|
|
<div class="w-full max-w-md sm:max-w-lg lg:max-w-2xl">
|
|
<div class="bg-container border border-primary rounded-xl p-6 sm:p-8 shadow-sm">
|
|
<!-- Icon and Header -->
|
|
<div class="text-center mb-8">
|
|
<div class="mx-auto w-16 h-16 bg-red-100 rounded-full flex items-center justify-center mb-4">
|
|
<%= icon "alert-triangle", class: "w-8 h-8 text-red-600" %>
|
|
</div>
|
|
<h1 class="text-xl sm:text-2xl font-bold text-primary mb-2">Redis Configuration Required</h1>
|
|
<p class="text-sm sm:text-base text-subdued">Your self-hosted Sure installation needs Redis to be properly configured.</p>
|
|
</div>
|
|
|
|
<!-- Explanation -->
|
|
<div class="mb-8">
|
|
<div class="bg-amber-50 border border-amber-200 rounded-lg p-4 mb-6">
|
|
<div class="flex items-start">
|
|
<%= icon "info", class: "w-5 h-5 text-amber-600 mt-0.5 mr-3 flex-shrink-0" %>
|
|
<div class="text-sm text-amber-800">
|
|
<p><strong>Why is Redis required?</strong></p>
|
|
<p class="mt-1">Sure uses Redis to power Sidekiq background jobs for tasks like syncing account data, processing imports, and other background operations that keep your financial data up to date.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Primary CTA -->
|
|
<div class="text-center space-y-4">
|
|
<%= render DS::Link.new(
|
|
text: "View Setup Guide",
|
|
href: "https://github.com/we-promise/sure/blob/main/docs/hosting/docker.md",
|
|
variant: "primary",
|
|
size: "lg",
|
|
icon: "external-link",
|
|
full_width: true,
|
|
target: "_blank",
|
|
rel: "noopener noreferrer"
|
|
) %>
|
|
<p class="text-sm text-subdued">Follow our complete Docker setup guide to configure Redis</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Secondary CTA -->
|
|
<div class="pt-6 border-t border-primary">
|
|
<div class="text-center space-y-3">
|
|
<p class="text-sm text-subdued">Once you've configured Redis, refresh this page to continue.</p>
|
|
<%= render DS::Button.new(
|
|
text: "Refresh Page",
|
|
variant: "secondary",
|
|
icon: "refresh-cw",
|
|
type: "button",
|
|
full_width: true,
|
|
onclick: "window.location.reload()"
|
|
) %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|