Merge pull request #416 from tphakala/ui-list-actions

feat: action menu for detections
tphakala · Jan 26, 2025 · cfc757c · cfc757c
2 parents 8f7f3a8 + 545b92b
commit cfc757c
Show file tree

Hide file tree

Showing 24 changed files with 1,345 additions and 435 deletions.
diff --git a/Taskfile.yml b/Taskfile.yml
@@ -78,7 +78,7 @@ tasks:
       - mkdir -p assets
       - curl -sL https://unpkg.com/leaflet/dist/leaflet.js -o assets/leaflet.js
       - curl -sL https://unpkg.com/leaflet/dist/leaflet.css -o assets/leaflet.css
-      - curl -sL https://unpkg.com/htmx.org -o assets/htmx.min.js
+      - curl -sL https://unpkg.com/htmx.org@2.0 -o assets/htmx.min.js
       - curl -sL https://unpkg.com/alpinejs -o assets/alpinejs.min.js
 
   generate-tailwindcss:

diff --git a/assets/custom.css b/assets/custom.css
@@ -14,7 +14,13 @@ html, body {
   height: 25px;
 }
 
-.confidence-ball {
+.confidence-container {
+  display: inline-flex;
+  gap: 4px;
+  align-items: center;
+}
+
+.confidence-badge {
   width: 54px;
   height: 25px;
   display: flex;
@@ -24,12 +30,38 @@ html, body {
   font-size: 0.75rem;
 }
 
+.review-badge {
+  width: 18px;
+  height: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 9999px;
+  font-size: 0.8rem;
+  font-weight: bold;
+  color: white;
+}
+
+.review-badge.correct {
+  background-color: hsl(142, 76%, 36%);
+}
+
+.review-badge.false_positive {
+  background-color: hsl(0, 74%, 42%);
+}
+
 @media (max-width: 1024px) {
-  .confidence-ball {
+  .confidence-badge {
     width: 40px;
     height: 20px;
     font-size: 0.65rem;
   }
+
+  .review-badge {
+    width: 26px;
+    height: 26px;
+    font-size: 0.75rem;
+  }
 }
 
 input.invalid {