Enhance button styling and layout in Song Submission screen for improved UI experience
All checks were successful
Publish Docker image / Push Docker image to Docker Hub (push) Successful in 1m40s

This commit is contained in:
Mathias Wagner 2025-04-24 21:26:50 +02:00
parent 4f4626260f
commit 9f4ebf379f
2 changed files with 7 additions and 2 deletions

View File

@ -416,6 +416,7 @@ h1, h2, h3
justify-content: center
align-items: center
cursor: pointer
color: white
transition: all 0.2s ease
&:hover

View File

@ -352,11 +352,15 @@ const SongSubmissionScreen = () => {
{canSubmitMoreSongs && !isFormVisible && !isReady && (
<button
className="add-song-btn"
className="btn add-song-btn"
onClick={() => setIsFormVisible(true)}
>
<FontAwesomeIcon icon={faPlus} />
<FontAwesomeIcon icon={faPlus} className="icon-margin" />
<span>Lied hinzufügen</span>
<span className="pixel-corner tl"></span>
<span className="pixel-corner tr"></span>
<span className="pixel-corner bl"></span>
<span className="pixel-corner br"></span>
</button>
)}
</div>