JSFiddle - React, Tailwind, and code Playground

by gol ngaz²

HTML

<div id="content">
  <div class="order-map-legend leaflet-control">
    <ul>
      <li>Plus de 30 min avant l'heure prévue</li>
      <li>Moins de 30 min avant l'heure prévue</li>
      <li>Heure prévue dépasée</li>
      <li>Sans heures prévues</li>
    </ul>
  </div>
</div>

CSS

body {
  background-color: #b2d3de;
  
}

.order-map-legend {
  list-style: none;
  background-color: white;
  width: 350px;
  height: 200px;
  padding: 10px;
  border-radius: 13px;
  box-shadow: 6px 7px 8px -3px rgba(0,0,0,0.21);
}