0.4.4

style: restore danger styling for stop sniffing button
2026-02-27 07:43:26 +00:00 · 2026-02-27 07:43:12 +00:00
4 changed files with 20 additions and 4 deletions
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
  "name": "tools-app",
-  "version": "0.4.3",
+  "version": "0.4.4",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "tools-app",
-      "version": "0.4.3",
+      "version": "0.4.4",
      "dependencies": {
        "lucide-vue-next": "^0.575.0",
        "vue": "^3.5.25",
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "tools-app",
  "private": true,
-  "version": "0.4.3",
+  "version": "0.4.4",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/src/components/tools/ClipboardSniffer.vue
+++ b/src/components/tools/ClipboardSniffer.vue
@@ -69,7 +69,7 @@ const clearText = () => {
        </button>
        <button
          v-else
-          class="btn-neon active"
+          class="btn-neon danger"
          @click="stopListening"
          v-ripple
        >
--- a/src/style.css
+++ b/src/style.css
@@ -289,6 +289,22 @@ button:focus {
  box-shadow: var(--button-active-shadow);
 }

+.btn-neon.danger {
+  background: rgba(239, 68, 68, 0.2);
+  border-color: rgba(239, 68, 68, 0.6);
+  color: #fee2e2;
+}
+
+.btn-neon.danger:hover {
+  background: rgba(239, 68, 68, 0.3);
+  border-color: rgba(239, 68, 68, 0.85);
+  box-shadow: 0 8px 20px rgba(239, 68, 68, 0.2);
+}
+
+:root[data-theme="light"] .btn-neon.danger {
+  color: #7f1d1d;
+}
+
 .icon-only {
  padding: 8px;
  border-radius: 50%;
Author	SHA1	Message	Date
Grzegorz Kucmierz	cfc9ac73b2	0.4.4 All checks were successful Deploy to Production / deploy (push) Successful in 12s Details	2026-02-27 07:43:26 +00:00
Grzegorz Kucmierz	e095c0190b	style: restore danger styling for stop sniffing button	2026-02-27 07:43:12 +00:00