Summary

Images across the app can be dragged by default, causing unwanted ghost previews and poor UX during interactions (cards, animations, clicks).

Problem

• Dragging images:
• Breaks smooth UI interactions
• Feels unpolished in animated components (cards, sliders)
• Is unnecessary for a dApp UI

footer image:

header image

Solution

Disable image dragging globally via base CSS.

Changes Implemented

File modified:

// app/globals.css

Change:

  img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }