[CHORE]: Improve UX of custom logo screens ()

improve UX of custom logo screens
This commit is contained in:
Sean Hatfield 2024-02-26 13:50:28 -08:00 committed by GitHub
parent 6d18d79bb7
commit 4d74f23c82
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 23 additions and 13 deletions
frontend/src/pages
GeneralSettings/Appearance/CustomLogo
OnboardingFlow/Steps/CustomLogo

View file

@ -107,12 +107,14 @@ export default function CustomLogo() {
</div> </div>
</div> </div>
</label> </label>
<button {!isDefaultLogo && (
onClick={handleRemoveLogo} <button
className="text-white text-base font-medium hover:text-opacity-60" onClick={handleRemoveLogo}
> className="text-white text-base font-medium hover:text-opacity-60"
Delete >
</button> Delete
</button>
)}
</div> </div>
</div> </div>
</div> </div>

View file

@ -123,13 +123,21 @@ export default function CustomLogo({ setHeader, setForwardBtn, setBackBtn }) {
/> />
</div> </div>
)} )}
{!isDefaultLogo ? (
<button <button
onClick={handleRemoveLogo} onClick={handleRemoveLogo}
className="text-white text-base font-medium hover:text-opacity-60 mt-8" className="text-white text-base font-medium hover:text-opacity-60 mt-8"
> >
Remove logo Remove logo
</button> </button>
) : (
<button
onClick={handleForward}
className="text-white text-base font-medium hover:text-opacity-60 mt-8"
>
Skip
</button>
)}
</div> </div>
</div> </div>
); );