setto/setto-nostr-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

button sucked, no longer

Browse source
This commit is contained in:
sakrecoer 2026-08-04 11:46:40 +02:00
parent aca1357128
commit 1c3460baab
2 changed files with 18 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

30
themes/one-pager/assets/css/style.css
View file

@ -1741,13 +1741,13 @@ button {
background: none;
border: none;
color: white;
font-size: 1.8rem;
font-size: 3rem;
cursor: pointer;
transition: all 0.3s ease;
padding: 0.5rem;
/* padding: 0.5rem;*/
border-radius: 50%;
width: 60px;
height: 60px;
/* width: 60px;
height: 60px;*/
display: flex;
align-items: center;
justify-content: center;
@ -1756,23 +1756,23 @@ button {
.music-lightbox-control-btn:hover {
opacity: 1;
transform: scale(1.1);
background: rgba(255, 255, 255, 0.1);
/* transform: scale(1.1);*/
/* background: rgba(255, 255, 255, 0.1);*/
}
.music-lightbox-control-btn.play-btn {
background: var(--accent-yellow);
background: transparent;
color: var(--accent-black);
font-size: 1.8rem;
width: 70px;
height: 70px;
font-size: 3em;
/* width: 70px;
height: 70px;*/
opacity: 1;
box-shadow: 0 4px 30px rgba(255, 215, 0, 0.3);
/* box-shadow: 0 4px 30px rgba(255, 215, 0, 0.3);*/
}
.music-lightbox-control-btn.play-btn:hover {
transform: scale(1.1);
box-shadow: 0 8px 40px rgba(255, 215, 0, 0.5);
/* transform: scale(1.1);*/
/* box-shadow: 0 8px 40px rgba(255, 215, 0, 0.5);*/
}
.music-lightbox-close {
@ -1865,13 +1865,13 @@ button {
.music-lightbox-control-btn {
width: 40px;
height: 40px;
font-size: 1.2rem;
font-size: 2rem;
}
.music-lightbox-control-btn.play-btn {
width: 50px;
height: 50px;
font-size: 1.4rem;
font-size: 3rem;
}
}

6
themes/one-pager/assets/js/scripts.js
View file

@ -604,7 +604,7 @@ function openMusicLightbox(index) {
durationDisplay.textContent = track.duration ? formatTime(track.duration) : '0:00';
// Set play buttons to play state
playIcon2.textContent = '▶';
playIcon2.textContent = '▶️';
// Create audio player
musicPlayer = new Audio(track.url);
@ -641,7 +641,7 @@ function playMusic() {
musicPlayer.play()
.then(() => {
document.getElementById('musicPlayIcon2').textContent = '⏸';
document.getElementById('musicPlayIcon2').textContent = '⏸️';
})
.catch(e => {
console.log('Playback prevented:', e);
@ -652,7 +652,7 @@ function playMusic() {
function pauseMusic() {
if (!musicPlayer) return;
musicPlayer.pause();
document.getElementById('musicPlayIcon2').textContent = '▶';
document.getElementById('musicPlayIcon2').textContent = '▶️';
}
// Toggle play/pause