Fix Get Started button color — use inline style instead of Tailwind
Tailwind purges bg-orange-500 since it's not in the safelist. Use inline style to guarantee the orange button renders. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
0cb9db66ad
commit
5016f2e2f3
1 changed files with 1 additions and 1 deletions
|
|
@ -521,7 +521,7 @@ import Base from "../../layouts/Base.astro";
|
||||||
html += `</div>`;
|
html += `</div>`;
|
||||||
html += `<div id="total-row" class="mt-4 pt-4 border-t border-gray-200"></div>`;
|
html += `<div id="total-row" class="mt-4 pt-4 border-t border-gray-200"></div>`;
|
||||||
html += `<div class="mt-4 text-center">
|
html += `<div class="mt-4 text-center">
|
||||||
<a id="get-started-btn" href="#" class="inline-block bg-orange-500 hover:bg-orange-600 text-white font-bold px-8 py-3 rounded-lg shadow-md transition text-sm">
|
<a id="get-started-btn" href="#" style="background:#f97316;color:#fff;font-weight:700;padding:12px 32px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,0.1);display:inline-block;font-size:14px;text-decoration:none;">
|
||||||
Get Started →
|
Get Started →
|
||||||
</a>
|
</a>
|
||||||
</div>`;
|
</div>`;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue