Style changes and new blog post
Some checks failed
Docker Deploy / build-and-push (push) Has been cancelled

This commit is contained in:
2025-08-12 16:35:47 -06:00
parent 9de5f46201
commit fe8dc4b794
7 changed files with 51 additions and 30 deletions

View File

@@ -162,7 +162,7 @@ export default function ResumeSettingsModal({
{/* Floating Settings Button */}
<button
onClick={openModal}
class={`fixed top-4 right-4 z-20 bg-secondary hover:bg-primary btn btn-circle ${className}`}
class={`fixed top-4 right-4 z-20 bg-secondary text-base-100 hover:bg-primary btn btn-circle ${className}`}
aria-label="Resume Settings"
>
<Settings class="text-lg" />
@@ -175,7 +175,7 @@ export default function ResumeSettingsModal({
<h3 class="font-bold text-lg">Resume Generator</h3>
<button
onClick={closeModal}
class="btn btn-circle bg-secondary hover:bg-primary"
class="btn btn-circle bg-secondary hover:bg-primary text-base-100"
>
<X className="text-lg" />
</button>
@@ -189,10 +189,10 @@ export default function ResumeSettingsModal({
{/* Action Buttons */}
<div class="flex flex-wrap gap-2 mb-6">
<button onClick={downloadTemplate} class="btn bg-primary btn-sm">
<button onClick={downloadTemplate} class="btn bg-primary btn-sm font-bold text-base-100">
Download Template
</button>
<button onClick={loadTemplate} class="btn bg-secondary btn-sm">
<button onClick={loadTemplate} class="btn bg-secondary btn-sm font-bold text-base-100">
Load Template in Editor
</button>
</div>
@@ -205,20 +205,20 @@ export default function ResumeSettingsModal({
>
<button
role="tab"
class={`px-4 py-2 rounded-full text-sm transition-all duration-200 ${
class={`px-4 py-2 rounded-full text-sm transition-all duration-200 font-bold ${
activeTab === "upload"
? "bg-primary font-bold text-primary-content shadow-sm"
: "text-base-content/70 hover:text-base-content font-bold hover:bg-base-200"
? "bg-primary shadow-sm text-base-100"
: "text-base-content/70 hover:text-base-content hover:bg-base-200"
}`}
onClick={() => setActiveTab("upload")}
>
Upload File
Upload TOML
</button>
<button
role="tab"
class={`px-4 py-2 rounded-full text-sm font-bold transition-all duration-200 ${
activeTab === "edit"
? "bg-primary text-primary-content shadow-sm"
? "bg-primary font-bold text-base-100 shadow-sm"
: "text-base-content/70 hover:text-base-content font-bold hover:bg-base-200"
}`}
onClick={() => setActiveTab("edit")}