Skip to content

feat: Added optional 3D tilt effect to cards #1917

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
May 27, 2025
Merged

Conversation

zurdi15
Copy link
Member

@zurdi15 zurdi15 commented May 27, 2025

Description
Added optional 3D tilt effect for cards when hover on them

Checklist
Please check all that apply.

  • I've tested the changes locally
  • I've updated relevant comments
  • I've assigned reviewers for this PR

Screenshots

image

@zurdi15 zurdi15 requested a review from gantoine May 27, 2025 10:44
@zurdi15 zurdi15 self-assigned this May 27, 2025
@zurdi15 zurdi15 added ui/ux UI/UX improvements or suggestions javascript Pull requests that update Javascript code labels May 27, 2025
@zurdi15 zurdi15 changed the title Feature/3d cards feat: Added optional 3D tilt effect to cards May 27, 2025
Copy link

trunk-io bot commented May 27, 2025

Running Code Quality on PRs by uploading data to Trunk will soon be removed. You can still run checks on your PRs using trunk-action - see the migration guide for more information.

@zurdi15 zurdi15 requested a review from adamantike May 27, 2025 11:13
Comment on lines +44 to +52
const isHovering = ref(false);
const hoveringRomId = ref();
const openedMenu = ref(false);
const openedMenuRomId = ref();
const storedEnable3DEffect = localStorage.getItem("settings.enable3DEffect");
const enable3DEffect = ref(
isNull(storedEnable3DEffect) ? false : storedEnable3DEffect === "true",
);
let timeout: ReturnType<typeof setTimeout>;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this is duplicated like 5 times, we should probably (not in this PR) make this a utility

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually I wanted this to be merged because my plan is to create a pinia store for settings. That will avoid this being duplicated everywhere. Also the handlers can be extracted to a utility too.

@zurdi15 zurdi15 merged commit 38fa122 into master May 27, 2025
9 checks passed
@zurdi15 zurdi15 deleted the feature/3d-cards branch May 27, 2025 20:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
javascript Pull requests that update Javascript code ui/ux UI/UX improvements or suggestions
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants