Pharmacy Dashboard - Copy this React, Tailwind Component to your project
Create a beautyful design and attractive and responsive design for my pharmacy project base.html <! templates/base.html > <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF 8"> <meta name="viewport" content="width=device width, initial scale=1.0"> <meta name="csrf token" content="{% csrf_token %}"> <title>{% block title %}My Application{% endblock %}</title> <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet"> </head> <body> <script src="https://code.jquery.com/jquery 3.6.0.min.js"></script> <script type="text/javascript"> function getCookie(name) { let cookieValue = null; if (document.cookie && document.cookie !== '') { const cookies = document.cookie.split(';'); for (let i = 0; i < cookies.length; i++) { const cookie = cookies[i].trim(); if (cookie.substring(0, name.length + 1) === (name + '=')) { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } const csrftoken = getCookie('csrftoken'); $.ajaxSetup({ beforeSend: function(xhr, settings) { if (!/^(GET|HEAD|OPTIONS|TRACE)$/i.test(settings.type) && !this.crossDomain) { xhr.setRequestHeader("X CSRFToken", csrftoken); } } }); </script> <header> <h1>Welcome to National pharmacy</h1> <h2 class="text 2xl font semibold text gray 700 mb 4">Dashboard for {{ branch.name }}</h2> </header> <main> {% if request.session.branch_id %} <input type="hidden" id="branch_id" value="{{ request.session.branch_id }}"> {% endif %} {% block content %} {% endblock %} </main> <footer> <p>© 2024 My Application</p> </footer> </body> </html>
