ciyidogan commited on
Commit
29e2058
·
verified ·
1 Parent(s): 7248363

Update flare-ui/src/app/components/test/test.component.scss

Browse files
flare-ui/src/app/components/test/test.component.scss CHANGED
@@ -7,7 +7,7 @@
7
  display: flex;
8
  gap: 12px;
9
  margin-bottom: 24px;
10
- flex-wrap: wrap; // responsive için
11
 
12
  button {
13
  mat-icon {
@@ -18,10 +18,10 @@
18
 
19
  .test-categories {
20
  margin-bottom: 24px;
21
- padding: 20px; // padding artırıldı
22
 
23
  > mat-checkbox {
24
- margin-bottom: 20px; // 16px'den 20px'e
25
  display: block;
26
  }
27
 
@@ -30,11 +30,11 @@
30
  margin-bottom: 8px;
31
 
32
  mat-checkbox {
33
- margin-right: 12px; // 8px'den 12px'e
34
  }
35
 
36
  .category-status {
37
- margin-right: 16px; // sağ taraf için boşluk
38
 
39
  mat-chip {
40
  font-size: 11px;
@@ -63,7 +63,7 @@
63
  .test-duration {
64
  color: #666;
65
  font-size: 12px;
66
- margin-left: 8px; // sol boşluk eklendi
67
  }
68
 
69
  .test-details {
@@ -85,20 +85,10 @@
85
  }
86
 
87
  .test-results {
88
- background: white;
89
- border: 1px solid #e0e0e0;
90
- border-radius: 4px;
91
- padding: 24px;
92
-
93
  mat-card-header {
94
  margin-bottom: 16px;
95
  }
96
 
97
- h3 {
98
- margin-top: 0;
99
- margin-bottom: 16px;
100
- }
101
-
102
  mat-progress-bar {
103
  margin-bottom: 24px;
104
  }
 
7
  display: flex;
8
  gap: 12px;
9
  margin-bottom: 24px;
10
+ flex-wrap: wrap;
11
 
12
  button {
13
  mat-icon {
 
18
 
19
  .test-categories {
20
  margin-bottom: 24px;
21
+ padding: 20px;
22
 
23
  > mat-checkbox {
24
+ margin-bottom: 20px;
25
  display: block;
26
  }
27
 
 
30
  margin-bottom: 8px;
31
 
32
  mat-checkbox {
33
+ margin-right: 12px;
34
  }
35
 
36
  .category-status {
37
+ margin-right: 16px;
38
 
39
  mat-chip {
40
  font-size: 11px;
 
63
  .test-duration {
64
  color: #666;
65
  font-size: 12px;
66
+ margin-left: 8px;
67
  }
68
 
69
  .test-details {
 
85
  }
86
 
87
  .test-results {
 
 
 
 
 
88
  mat-card-header {
89
  margin-bottom: 16px;
90
  }
91
 
 
 
 
 
 
92
  mat-progress-bar {
93
  margin-bottom: 24px;
94
  }