Home
Antonio Rodriguez Jr.
ScaleMasteryyy

ScaleMasteryyy

This tailwind example is contributed by Antonio Rodriguez Jr., on 22-Aug-2024. Component is made with Tailwind CSS v3. similar terms for this example are popup,dialog

Modal

Author Antonio Rodriguez Jr.

Fork Fullscreen

import React from 'react';

const DeadlockComponent = () => (
<div className="max-w-4xl mx-auto p-6 bg-white shadow-md rounded-md">
  <div className="text-xl font-bold mb-4">Deadlock Information</div>
  <div className="border-t border-b border-gray-200 py-4">
    <div className="text-lg font-semibold mb-2">Victim List</div>
    <div className="flex items-center">
      <div className="text-gray-600 mr-2">Victim Process ID:</div>
      <div className="text-gray-800">process1820f03f848</div>
    </div>
  </div>
  <div className="border-b border-gray-200 py-4">
    <div className="text-lg font-semibold mb-2">Process List</div>
    <div className="py-2">
      <div className="text-gray-600">Process 1:</div>
      <div className="ml-4">
        <div className="flex items-center">
          <div className="text-gray-600 mr-2">ID:</div>
          <div className="text-gray-800">process1820f03f848</div>
        </div>
        <div className="flex items-center">
          <div className="text-gray-600 mr-2">Task Priority:</div>
          <div className="text-gray-800">0</div>
        </div>
        {/* Add more process details as needed */}
      </div>
    </div>
    <div className="py-2">
      <div className="text-gray-600">Process 2:</div>
      <div className="ml-4">
        <div className="flex items-center">
          <div className="text-gray-600 mr-2">ID:</div>
          <div className="text-gray-800">process182003acca8</div>
        </div>
        <div className="flex items-center">
          <div className="text-gray-600 mr-2">Task Priority:</div>
          <div className="text-gray-800">0</div>
        </div>
        {/* Add more process details as needed */}
      </div>
    </div>
  </div>
  <div className="border-b border-gray-200 py-4">
    <div className="text-lg font-semibold mb-2">Resource List</div>
    <div className="py-2">
      <div className="text-gray-600">Resource 1:</div>
      <div className="ml-4">
        <div className="flex items-center">
          <div className="text-gray-600 mr-2">File ID:</div>
          <div className="text-gray-800">1</div>
        </div>
        {/* Add more resource details as needed */}
      </div>
    </div>
    <div className="py-2">
      <div className="text-gray-600">Resource 2:</div>
      <div className="ml-4">
        <div className="flex items-center">
          <div className="text-gray-600 mr-2">File ID:</div>
          <div className="text-gray-800">1</div>
        </div>
        {/* Add more resource details as needed */}
      </div>
    </div>
  </div>
</div>
);

export default DeadlockComponent;

Related Examples