Public Access
1
0

Revert "fix: update root in launch.json"

This reverts commit 0b8628a707.
This commit is contained in:
2025-08-25 19:25:55 -04:00
parent 0b8628a707
commit bc57f5947c
3 changed files with 2 additions and 26 deletions

2
.vscode/launch.json vendored
View File

@@ -8,7 +8,7 @@
"port": 9229, "port": 9229,
"address": "localhost", "address": "localhost",
"localRoot": "${workspaceFolder}", "localRoot": "${workspaceFolder}",
"remoteRoot": "/app", "remoteRoot": "/usr/src/app",
"restart": false, "restart": false,
"preLaunchTask": "docker-compose-up", "preLaunchTask": "docker-compose-up",
"postDebugTask": "docker-compose-down" "postDebugTask": "docker-compose-down"

View File

@@ -184,7 +184,7 @@ article li {
} }
.like-icon { .like-icon {
cursor: pointer; cursor: pointer;
transition: color 0.2s ease-in-out, transform 0.2s ease-in-out; transition: color 0.2s ease-in-out;
} }
.like-icon:hover { .like-icon:hover {
color: #fff; color: #fff;
@@ -197,14 +197,3 @@ article li {
.like-icon.liked:hover { .like-icon.liked:hover {
transform: scale(1.15); transform: scale(1.15);
} }
.hint-animation {
animation: wobble 1s ease-in-out 2;
}
@keyframes wobble {
0%, 100% { transform: translateX(0) rotate(0deg) scale(1); }
15% { transform: translateX(-3px) rotate(-7deg) scale(1.1); }
30% { transform: translateX(2px) rotate(5deg) scale(1.2); }
45% { transform: translateX(-1px) rotate(-5deg) scale(1.2); }
60% { transform: translateX(1px) rotate(3deg) scale(1.1); }
75% { transform: translateX(0) rotate(-1deg) scale(1); }
}

View File

@@ -26,16 +26,6 @@ document.addEventListener('DOMContentLoaded', () => {
const data = await response.json(); const data = await response.json();
const isLiked = localStorage.getItem(storageKey) === 'true'; const isLiked = localStorage.getItem(storageKey) === 'true';
updateUI(isLiked, data.count || 0); updateUI(isLiked, data.count || 0);
// Check if the user has ever interacted with this button before
if (localStorage.getItem(storageKey) === null) {
// If not, add the animation class
likeIcon.classList.add('hint-animation');
// Remove the animation after it runs to prevent it from looping
setTimeout(() => {
likeIcon.classList.remove('hint-animation');
}, 2000); // Animation duration is 2s
}
} catch (error) { } catch (error) {
console.error('Error fetching likes:', error); console.error('Error fetching likes:', error);
} }
@@ -43,9 +33,6 @@ document.addEventListener('DOMContentLoaded', () => {
// Add click event listener to the icon // Add click event listener to the icon
likeIcon.addEventListener('click', async () => { likeIcon.addEventListener('click', async () => {
// Stop the hint animation if it's running
likeIcon.classList.remove('hint-animation');
const isCurrentlyLiked = likeIcon.classList.contains('liked'); const isCurrentlyLiked = likeIcon.classList.contains('liked');
const method = isCurrentlyLiked ? 'DELETE' : 'POST'; const method = isCurrentlyLiked ? 'DELETE' : 'POST';