mirror of
https://github.com/we-promise/sure.git
synced 2026-05-09 21:54:58 +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.
13 lines
501 B
Plaintext
13 lines
501 B
Plaintext
<% content_for :title, t(".title") %>
|
|
|
|
<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">
|
|
<div class="text-center">
|
|
<h1 class="text-xl sm:text-2xl font-bold text-primary mb-4"><%= t(".heading") %></h1>
|
|
<p class="text-sm sm:text-base text-subdued"><%= t(".placeholder") %></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|