JSFiddle - React, Tailwind, and code Playground

by Sergey khorev

HTML

<!doctype html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"
    />
    <title>Деньги сайт для логистической компании</title>

    <!-- Подключение head и navbar -->
    {% include 'static/head.html' %} {% include 'static/navbar.html' %}
  </head>
  <body>
    <style>
      .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 20px;
      }

      .header .btn-group {
        display: flex;
        gap: 10px;
      }

      .content {
        display: flex;
        padding: 20px;
        gap: 20px;
      }

      .left-table {
        width: 30%;
        border: 1px solid #ccc;
        border-radius: 5px;
      }

      .left-table table {
        width: 100%;
        border-collapse: collapse;
      }

      .left-table th,
      .left-table td {
        padding: 10px;
        border-bottom: 1px solid #ccc;
        text-align: left;
      }

      .left-table tr.highlight-row {
        background-color: #ffeb99; /* Цвет выделенной строки */
      }

      .right-details {
        width: 65%;
      }

      .right-details h5 {
        margin-top: 0;
      }

      .details-section {
        margin-bottom: 20px;
      }

      .details-section table {
        width: 100%;
        border-collapse: collapse;
      }

      .details-section th,
      .details-section td {
        padding: 8px;
        border-bottom: 1px solid #ccc;
        text-align: left;
      }

      .details-section .no-border td {
        border-bottom: none;
      }

      .details-section td.result {
        text-align: right;
      }

      .details-section td.ndfl {
        color: green;
        font-weight: bold;
      }

      select {
        background-color: rgba(255, 255, 255, 0.9);
        width: 100%;
        padding: 5px;
        border:...