From 8c50768c98df16dee18003675bd360d82d1ef489 Mon Sep 17 00:00:00 2001
From: amal <iam.amaliadwi@gmail.com>
Date: Mon, 13 Apr 2026 11:00:40 +0800
Subject: [PATCH] upd: tampilan mode dark and light';

---
 src/frontend/routes/apps.$appId.logs.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/frontend/routes/apps.$appId.logs.tsx b/src/frontend/routes/apps.$appId.logs.tsx
index ce4bdd8..9a21097 100644
--- a/src/frontend/routes/apps.$appId.logs.tsx
+++ b/src/frontend/routes/apps.$appId.logs.tsx
@@ -172,10 +172,10 @@ function AppLogsPage() {
             >
               <Table.Thead bg="rgba(0,0,0,0.05)">
                 <Table.Tr>
-                  <Table.Th style={{ border: 'none', width: isMobile ? undefined : '18%' }}>Timestamp</Table.Th>
+                  <Table.Th style={{ border: 'none', width: isMobile ? undefined : '15%' }}>Timestamp</Table.Th>
                   <Table.Th style={{ border: 'none', width: isMobile ? undefined : '20%' }}>User & Village</Table.Th>
-                  <Table.Th style={{ border: 'none', width: isMobile ? undefined : '12%' }}>Action</Table.Th>
-                  <Table.Th style={{ border: 'none', width: isMobile ? undefined : '50%' }}>Description</Table.Th>
+                  <Table.Th style={{ border: 'none', width: isMobile ? undefined : '15%' }}>Action</Table.Th>
+                  <Table.Th style={{ border: 'none', width: isMobile ? undefined : '40%' }}>Description</Table.Th>
                 </Table.Tr>
               </Table.Thead>
               <Table.Tbody>
@@ -187,7 +187,7 @@ function AppLogsPage() {
                           <TbCalendar size={14} />
                         </ThemeIcon>
                         <Stack gap={0}>
-                          <Text size="xs" fw={700} style={{ color: 'var(--mantine-color-white)' }}>
+                          <Text size="xs" fw={700}>
                             {log.createdAt.split(' ').slice(1).join(' ')}
                           </Text>
                           <Text size="xs" c="dimmed">
@@ -216,7 +216,10 @@ function AppLogsPage() {
                         color={getActionColor(log.action)} 
                         radius="sm" 
                         size="xs"
-                        styles={{ root: { fontWeight: 800 } }}
+                        styles={{ 
+                          root: { fontWeight: 800 },
+                          label: { textOverflow: 'clip', overflow: 'visible' }
+                        }}
                       >
                         {log.action}
                       </Badge>