WebsiteProjects/Liedkampf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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
Details

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
client/src/common/styles/main.sass
View File

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

8
client/src/components/SongSubmissionScreen.jsx
View File

@ -352,11 +352,15 @@ const SongSubmissionScreen = () => {
{canSubmitMoreSongs && !isFormVisible && !isReady && ( {canSubmitMoreSongs && !isFormVisible && !isReady && (
<button <button
className="add-song-btn" className="btn add-song-btn"
onClick={() => setIsFormVisible(true)} onClick={() => setIsFormVisible(true)}
> >
<FontAwesomeIcon icon={faPlus} /> <FontAwesomeIcon icon={faPlus} className="icon-margin" />
<span>Lied hinzufügen</span> <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> </button>
)} )}
</div> </div>