表格正常了 但是页面上方还是乱的
Browse files
components/testcase-dashboard.js
CHANGED
|
@@ -8,11 +8,13 @@ class TestcaseDashboard extends HTMLElement {
|
|
| 8 |
font-family: 'Inter', sans-serif;
|
| 9 |
--primary: #6366f1;
|
| 10 |
--primary-dark: #4f46e5;
|
|
|
|
| 11 |
}
|
| 12 |
.header {
|
| 13 |
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
|
| 14 |
color: white;
|
| 15 |
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
|
|
| 16 |
}
|
| 17 |
.phase-tab {
|
| 18 |
transition: all 0.3s ease;
|
|
@@ -68,12 +70,11 @@ class TestcaseDashboard extends HTMLElement {
|
|
| 68 |
transform: translateY(-1px);
|
| 69 |
}
|
| 70 |
</style>
|
| 71 |
-
|
| 72 |
-
|
| 73 |
-
|
| 74 |
-
|
| 75 |
-
|
| 76 |
-
<div class="flex items-center justify-between">
|
| 77 |
<div>
|
| 78 |
<h1 class="text-3xl font-bold flex items-center">
|
| 79 |
<i data-feather="activity" class="mr-3"></i>
|
|
@@ -92,8 +93,8 @@ class TestcaseDashboard extends HTMLElement {
|
|
| 92 |
</header>
|
| 93 |
|
| 94 |
<!-- Main Content -->
|
| 95 |
-
<main class="container mx-auto py-8 px-6">
|
| 96 |
-
|
| 97 |
<div class="bg-white rounded-xl shadow-md p-6 mb-8">
|
| 98 |
<div class="flex flex-wrap items-center justify-between gap-4">
|
| 99 |
<div class="flex items-center space-x-4">
|
|
|
|
| 8 |
font-family: 'Inter', sans-serif;
|
| 9 |
--primary: #6366f1;
|
| 10 |
--primary-dark: #4f46e5;
|
| 11 |
+
width: 100%;
|
| 12 |
}
|
| 13 |
.header {
|
| 14 |
background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
|
| 15 |
color: white;
|
| 16 |
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
| 17 |
+
width: 100%;
|
| 18 |
}
|
| 19 |
.phase-tab {
|
| 20 |
transition: all 0.3s ease;
|
|
|
|
| 70 |
transform: translateY(-1px);
|
| 71 |
}
|
| 72 |
</style>
|
| 73 |
+
<div class="min-h-screen w-full">
|
| 74 |
+
<!-- Header -->
|
| 75 |
+
<header class="header py-8 px-6 shadow-lg w-full">
|
| 76 |
+
<div class="container mx-auto w-full">
|
| 77 |
+
<div class="flex items-center justify-between">
|
|
|
|
| 78 |
<div>
|
| 79 |
<h1 class="text-3xl font-bold flex items-center">
|
| 80 |
<i data-feather="activity" class="mr-3"></i>
|
|
|
|
| 93 |
</header>
|
| 94 |
|
| 95 |
<!-- Main Content -->
|
| 96 |
+
<main class="container mx-auto py-8 px-6 w-full">
|
| 97 |
+
<!-- Filters -->
|
| 98 |
<div class="bg-white rounded-xl shadow-md p-6 mb-8">
|
| 99 |
<div class="flex flex-wrap items-center justify-between gap-4">
|
| 100 |
<div class="flex items-center space-x-4">
|