diff --git a/src/components/Details.svelte b/src/components/Details.svelte
index 31ef03b..b39619c 100644
--- a/src/components/Details.svelte
+++ b/src/components/Details.svelte
@@ -21,6 +21,15 @@
onMount(fetchData);
-
+
+
+
diff --git a/src/libs/DeviceDetails.svelte b/src/libs/DeviceDetails.svelte
index 5119e87..20c9e3c 100644
--- a/src/libs/DeviceDetails.svelte
+++ b/src/libs/DeviceDetails.svelte
@@ -32,4 +32,65 @@
+ .table-wrapper {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 20px;
+ flex-direction: column;
+ background-color: white;
+ width: 95%;
+ border-radius: 4px;
+ box-shadow: 0px 2px 4px rgba(0, 0, 3, 0.05);
+ }
+ .table {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ .table-head-item {
+ width: 100%;
+ display: flex;
+ justify-content: start;
+ align-items: center;
+ padding: 5px 10px 10px 10px;
+ color: #535151;
+ font-size: 16px;
+ }
+ .table-row {
+ display: flex;
+ width: 100%;
+ text-decoration: none;
+ color: inherit;
+ }
+ .table-body-item {
+ width: calc(100% / 7);
+ display: flex;
+ justify-content: start;
+ padding: 5px 10px 10px 10px;
+ }
+ .table-head {
+ font-size: 15px;
+ }
+ .divider {
+ width: 100%;
+ background-color: #f2f2f2;
+ height: 1px;
+ }
+ /* Link bileşeni üzerinde cursor:pointer stilini uygulama */
+ :global(.svelte-routing-link) {
+ display: flex;
+ width: 100%;
+ text-decoration: none;
+ color: inherit;
+ }
+ :global(.svelte-routing-link:hover) {
+ cursor: pointer;
+ display: flex;
+ width: 100%;
+ text-decoration: none;
+ color: inherit;
+ background-color: #f3f3f3;
+ }
+