css fix

2024-04-06 22:43:02 +03:00
parent 11013931cc
commit 500c3d7a05
2 changed files with 72 additions and 2 deletions
--- a/src/libs/DeviceDetails.svelte
+++ b/src/libs/DeviceDetails.svelte
@@ -32,4 +32,65 @@
 </div>

 <style>
-</style>
+    .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;
+    }
+  </style>