atridad/atridotdad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed more styling
All checks were successful
Docker Deploy / build-and-push (push) Successful in 3m38s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2025-08-18 11:57:19 -06:00
parent e053b59501
commit 9373b2894a
3 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ResumeDownloadButton.tsx
View File

@@ -49,7 +49,7 @@ export default function ResumeDownloadButton({
<button <button
onClick={handleDownload} onClick={handleDownload}
disabled={isLoading} disabled={isLoading}
class={`btn bg-primary font-bold rounded-full inline-flex items-center gap-2 text-sm sm:text-base ${ class={`btn btn-primary font-bold rounded-full inline-flex items-center gap-2 text-sm sm:text-base ${
isLoading isLoading
? "text-primary border-2 border-primary" ? "text-primary border-2 border-primary"
: "" : ""

16
src/components/ResumeSettingsModal.tsx
View File

@@ -162,7 +162,7 @@ export default function ResumeSettingsModal({
{/* Floating Settings Button */} {/* Floating Settings Button */}
<button <button
onClick={openModal} 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 btn btn-secondary hover:btn-primary btn-circle ${className}`}
aria-label="Resume Settings" aria-label="Resume Settings"
> >
<Settings class="text-lg" /> <Settings class="text-lg" />
@@ -170,12 +170,12 @@ export default function ResumeSettingsModal({
{/* Modal */} {/* Modal */}
<div class={`modal ${modalOpen.value ? "modal-open" : ""}`}> <div class={`modal ${modalOpen.value ? "modal-open" : ""}`}>
<div class="modal-box w-11/12 max-w-5xl h-[90vh] flex flex-col"> <div class="modal-box w-11/12 max-w-5xl h-[90vh] flex flex-col relative z-50">
<div class="flex justify-between items-center mb-4"> <div class="flex justify-between items-center mb-4">
<h3 class="font-bold text-lg">Resume Generator</h3> <h3 class="font-bold text-lg">Resume Generator</h3>
<button <button
onClick={closeModal} onClick={closeModal}
class="btn btn-circle bg-secondary hover:bg-primary" class="btn btn-circle btn-secondary hover:btn-primary"
> >
<X className="text-lg" /> <X className="text-lg" />
</button> </button>
@@ -189,10 +189,10 @@ export default function ResumeSettingsModal({
{/* Action Buttons */} {/* Action Buttons */}
<div class="flex flex-wrap gap-2 mb-6"> <div class="flex flex-wrap gap-2 mb-6">
<button onClick={downloadTemplate} class="btn bg-primary btn-sm font-bold"> <button onClick={downloadTemplate} class="btn btn-primary btn-sm font-bold">
Download Template Download Template
</button> </button>
<button onClick={loadTemplate} class="btn bg-secondary btn-sm font-bold"> <button onClick={loadTemplate} class="btn btn-secondary btn-sm font-bold">
Load Template in Editor Load Template in Editor
</button> </button>
</div> </div>
@@ -207,7 +207,7 @@ export default function ResumeSettingsModal({
role="tab" role="tab"
class={`px-4 py-2 rounded-full text-sm transition-all duration-200 font-bold ${ class={`px-4 py-2 rounded-full text-sm transition-all duration-200 font-bold ${
activeTab === "upload" activeTab === "upload"
? "bg-primary shadow-sm" ? "btn btn-primary shadow-sm"
: "text-base-content/70 hover:text-base-content hover:bg-base-200" : "text-base-content/70 hover:text-base-content hover:bg-base-200"
}`} }`}
onClick={() => setActiveTab("upload")} onClick={() => setActiveTab("upload")}
@@ -218,7 +218,7 @@ export default function ResumeSettingsModal({
role="tab" role="tab"
class={`px-4 py-2 rounded-full text-sm font-bold transition-all duration-200 ${ class={`px-4 py-2 rounded-full text-sm font-bold transition-all duration-200 ${
activeTab === "edit" activeTab === "edit"
? "bg-primary font-bold shadow-sm" ? "btn btn-primary font-bold shadow-sm"
: "text-base-content/70 hover:text-base-content font-bold hover:bg-base-200" : "text-base-content/70 hover:text-base-content font-bold hover:bg-base-200"
}`} }`}
onClick={() => setActiveTab("edit")} onClick={() => setActiveTab("edit")}
@@ -312,7 +312,7 @@ export default function ResumeSettingsModal({
)} )}
</div> </div>
</div> </div>
<div class="modal-backdrop backdrop-blur-sm" onClick={closeModal}></div> <div class="modal-backdrop" onClick={closeModal}></div>
</div> </div>
</> </>
); );

4
src/components/ScrollUpButton.tsx
View File

@@ -29,8 +29,8 @@ export default function ScrollUpButton() {
return ( return (
<button <button
onClick={scrollToTop} onClick={scrollToTop}
class={`fixed bottom-4 right-4 z-20 bg-secondary hover:bg-primary class={`fixed bottom-4 right-4 z-20 btn btn-secondary hover:btn-primary
btn btn-circle transition-all duration-300 btn-circle transition-all duration-300
${ ${
isVisible.value isVisible.value
? "opacity-100 translate-y-0" ? "opacity-100 translate-y-0"