Enhances user experience with dark‑mode detection, responsive layout, and streamlined role selection workflow
23 lines
1.0 KiB
HTML
23 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{{ access.project.name }} - External Dashboard</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
|
|
<style>
|
|
body, :not(input):not(textarea):not([contenteditable=true]) { cursor: default; }
|
|
button, a, select, input[type=checkbox], input[type=radio], input[type=submit], [role=button], [role=switch], label { cursor: pointer !important; user-select: none; }
|
|
input[type=text], input[type=email], input[type=password], input[type=url], input[type=search], input[type=number], textarea, [contenteditable=true] { cursor: text !important; }
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-50 text-gray-900 antialiased min-h-screen">
|
|
{% if authenticated %}
|
|
{% include "external/partials/dashboard.html" %}
|
|
{% else %}
|
|
{% include "external/partials/login.html" %}
|
|
{% endif %}
|
|
</body>
|
|
</html>
|