From 67c50068d9e4b632f4fd6822128c16e69a7fe478 Mon Sep 17 00:00:00 2001
From: Tonya <tonya@tokia.dev>
Date: Thu, 5 Sep 2024 18:29:33 +0000
Subject: [PATCH] fix: styles on home page (#193)

---
 frontend/components/Item/View/Table.vue       | 20 +++++++++++++++++--
 .../components/global/StatCard/StatCard.vue   |  8 ++------
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/frontend/components/Item/View/Table.vue b/frontend/components/Item/View/Table.vue
index ceed5d38..2c0e94c9 100644
--- a/frontend/components/Item/View/Table.vue
+++ b/frontend/components/Item/View/Table.vue
@@ -1,5 +1,5 @@
 <template>
-  <BaseCard>
+  <BaseCard class="overflow-clip">
     <table class="table w-full">
       <thead>
         <tr>
@@ -189,4 +189,20 @@
   }
 </script>
 
-<style scoped></style>
+<style scoped>
+  :where(.table *:first-child) :where(*:first-child) :where(th, td):first-child {
+    border-top-left-radius: 0px;
+  }
+
+  :where(.table *:first-child) :where(*:first-child) :where(th, td):last-child {
+    border-top-right-radius: 0px;
+  }
+
+  :where(.table *:last-child) :where(*:last-child) :where(th, td):first-child {
+    border-bottom-left-radius: 0px;
+  }
+
+  :where(.table *:last-child) :where(*:last-child) :where(th, td):last-child {
+    border-bottom-right-radius: 0px;
+  }
+</style>
diff --git a/frontend/components/global/StatCard/StatCard.vue b/frontend/components/global/StatCard/StatCard.vue
index ec76e662..9311bcda 100644
--- a/frontend/components/global/StatCard/StatCard.vue
+++ b/frontend/components/global/StatCard/StatCard.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="stats bg-neutral shadow rounded-md">
     <div class="stat text-neutral-content text-center space-y-1 p-3">
-      <div class="stat-title">{{ title }}</div>
+      <div class="stat-title text-neutral-content">{{ title }}</div>
       <div class="stat-value text-2xl">
         <Currency v-if="type === 'currency'" :amount="value" />
         <template v-if="type === 'number'">{{ value }}</template>
@@ -27,8 +27,4 @@
   });
 </script>
 
-<style>
-  [data-theme="homebox"] .stat-title {
-    color: hsl(0 0% 90/0.6);
-  }
-</style>
+<style></style>