RatixForever/Analytrick
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prettify

Browse Source
This commit is contained in:
Christian do Nascimento Falcao
2026-03-30 23:24:46 -03:00
parent 8b62b28da6
commit d5aa075b8d
3 changed files with 1006 additions and 981 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+4 -6
View File
@@ -1,16 +1,14 @@
<!doctype html>
<html lang="pt-BR">
<head>
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Analytrick</title>
</head>
</head>
<body>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</body>
</html>
src/App.jsx
+27 -11
View File
@@ -38,7 +38,9 @@ function App() {
<div class="grid grid-cols-1 xl:grid-cols-3 gap-6 mb-6">
<div class="bg-white rounded-2xl shadow-sm p-5">
<h3 class="text-lg font-bold text-gray-800 mb-4">Monthly Attendance</h3>
<h3 class="text-lg font-bold text-gray-800 mb-4">
Monthly Attendance
</h3>
<div class="h-72 flex items-end justify-between gap-3 border-t pt-6">
<div class="flex flex-col items-center w-full">
<div class="flex items-end gap-1 h-52">
@@ -106,7 +108,9 @@ function App() {
</div>
<div class="bg-white rounded-2xl shadow-sm p-5">
<h3 class="text-lg font-bold text-gray-800 mb-4">Expense Breakdown</h3>
<h3 class="text-lg font-bold text-gray-800 mb-4">
Expense Breakdown
</h3>
<div class="flex flex-col items-center justify-center h-72">
<div class="relative w-56 h-56 rounded-full bg-[conic-gradient(#3b82f6_0%_45%,#f97316_45%_60%,#16a34a_60%_85%,#facc15_85%_100%)]">
<div class="absolute inset-10 bg-white rounded-full flex items-center justify-center text-center">
@@ -120,27 +124,39 @@ function App() {
</div>
<div class="bg-white rounded-2xl shadow-sm p-5">
<h3 class="text-lg font-bold text-gray-800 mb-4">Recent Activities</h3>
<h3 class="text-lg font-bold text-gray-800 mb-4">
Recent Activities
</h3>
<div class="space-y-4">
<div class="flex items-center justify-between border-b pb-3">
<div class="flex items-center gap-3">
<div class="w-10 h-10 rounded-full bg-orange-100 flex items-center justify-center text-lg">👨</div>
<p class="text-sm text-gray-700">John Doe added a new employee</p>
<div class="w-10 h-10 rounded-full bg-orange-100 flex items-center justify-center text-lg">
👨
</div>
<p class="text-sm text-gray-700">
John Doe added a new employee
</p>
</div>
<span class="text-xs text-gray-500">5 mins ago</span>
</div>
<div class="flex items-center justify-between border-b pb-3">
<div class="flex items-center gap-3">
<div class="w-10 h-10 rounded-full bg-orange-100 flex items-center justify-center text-lg">👩</div>
<p class="text-sm text-gray-700">Payroll processed for June</p>
<div class="w-10 h-10 rounded-full bg-orange-100 flex items-center justify-center text-lg">
👩
</div>
<p class="text-sm text-gray-700">
Payroll processed for June
</p>
</div>
<span class="text-xs text-gray-500">30 mins ago</span>
</div>
<div class="flex items-center justify-between border-b pb-3">
<div class="flex items-center gap-3">
<div class="w-10 h-10 rounded-full bg-orange-100 flex items-center justify-center text-lg">🧑</div>
<div class="w-10 h-10 rounded-full bg-orange-100 flex items-center justify-center text-lg">
🧑
</div>
<p class="text-sm text-gray-700">Finance report updated</p>
</div>
<span class="text-xs text-gray-500">1 hour ago</span>
@@ -152,9 +168,9 @@ function App() {
</button>
</div>
</div>
</div>
</>
);
</div>
</>
);
}
export default App;
tailwind.config.js
+829 -818
View File
File diff suppressed because it is too large Load Diff