81 lines
2.9 KiB
HTML
81 lines
2.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
|
|
/>
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<title>Bar Chart | TailAdmin - Tailwind CSS Admin Dashboard Template</title>
|
|
</head>
|
|
<body
|
|
x-data="{ page: 'barChart', 'loaded': true, 'darkMode': false, 'stickyMenu': false, 'sidebarToggle': false, 'scrollTop': false }"
|
|
x-init="
|
|
darkMode = JSON.parse(localStorage.getItem('darkMode'));
|
|
$watch('darkMode', value => localStorage.setItem('darkMode', JSON.stringify(value)))"
|
|
:class="{'dark bg-gray-900': darkMode === true}"
|
|
>
|
|
<!-- ===== Preloader Start ===== -->
|
|
<include src="./partials/preloader.html"></include>
|
|
<!-- ===== Preloader End ===== -->
|
|
|
|
<!-- ===== Page Wrapper Start ===== -->
|
|
<div class="flex h-screen overflow-hidden">
|
|
<!-- ===== Sidebar Start ===== -->
|
|
<include src="./partials/sidebar.html"></include>
|
|
<!-- ===== Sidebar End ===== -->
|
|
|
|
<!-- ===== Content Area Start ===== -->
|
|
<div
|
|
class="relative flex flex-col flex-1 overflow-x-hidden overflow-y-auto"
|
|
>
|
|
<!-- Small Device Overlay Start -->
|
|
<include src="./partials/overlay.html" />
|
|
<!-- Small Device Overlay End -->
|
|
|
|
<!-- ===== Header Start ===== -->
|
|
<include src="./partials/header.html" />
|
|
<!-- ===== Header End ===== -->
|
|
|
|
<!-- ===== Main Content Start ===== -->
|
|
<main>
|
|
<div class="p-4 mx-auto max-w-(--breakpoint-2xl) md:p-6">
|
|
<!-- Breadcrumb Start -->
|
|
<div x-data="{ pageName: `Bar Chart`}">
|
|
<include src="./partials/breadcrumb.html" />
|
|
</div>
|
|
<!-- Breadcrumb End -->
|
|
|
|
<div class="space-y-6">
|
|
<div
|
|
class="rounded-2xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
|
>
|
|
<div class="px-6 py-5">
|
|
<h3
|
|
class="text-base font-medium text-gray-800 dark:text-white/90"
|
|
>
|
|
Bar Chart 1
|
|
</h3>
|
|
</div>
|
|
<div
|
|
class="p-5 border-t border-gray-100 dark:border-gray-800 sm:p-6"
|
|
>
|
|
<!-- ====== Bar Chart One Start -->
|
|
<div class="max-w-full overflow-x-auto custom-scrollbar">
|
|
<div id="chartOne" class="min-w-[1000px]"></div>
|
|
</div>
|
|
<!-- ====== Bar Chart One End -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<!-- ===== Main Content End ===== -->
|
|
</div>
|
|
<!-- ===== Content Area End ===== -->
|
|
</div>
|
|
<!-- ===== Page Wrapper End ===== -->
|
|
</body>
|
|
</html>
|