prettify

2026-03-30 23:24:46 -03:00
parent 8b62b28da6
commit d5aa075b8d
3 changed files with 1006 additions and 981 deletions
@@ -1,6 +1,5 @@
 <!doctype html>
 <html lang="pt-BR">
-
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
@@ -12,5 +11,4 @@
    <div id="root"></div>
    <script type="module" src="/src/main.jsx"></script>
  </body>
-
 </html>
@@ -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>