react-activity-heatmap/dist/Tooltip.module.css

A simple and customizable leetcode-style activity heatmap component for React.

.wrapper {
  display: inline-block;
  position: relative;
}

.tooltip {
  white-space: nowrap;
  border-radius: 0.375rem;
  background-color: #18181b;
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  z-index: 10;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
}