frontend-smartfarming/agrilink_vocpro/src/app/pages/dashboard/page/graph/graph.component.scss

.chart-container {
    width: 100%;
    max-width: 800px;
    margin: auto;
    text-align: center;
  }
  
  canvas {
    width: 100%;
    height: 30vh;
    margin: 20px;
    align-items: center;
  }

  .form-select{
    width: max-content;
    margin-top: 20px;
    display: flexbox;
    flex-direction: column;
    margin-right: 20px;
  }
  
  .container-graph{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    height: max-content;
  }
  
  
  @media (max-width: 768px) {
    canvas{
        display: flex;
        width: max-content;
        flex: 1 1 45%; 
    }
  }
  
  @media (max-width: 576px) {
    canvas{
      display: flex;
      width: max-content;
      flex: 1 1 100%;
    }
  }

  .loading{
    font-size: 18px;
    text-align: center;
    color: #888;
}