fix: responsive layout for url cleaner and sniffer icon alignment

2026-02-27 07:02:58 +00:00
parent a5fc242a97
commit a3bc069029
4 changed files with 62 additions and 3 deletions
--- a/src/components/tools/UrlCleaner.vue
+++ b/src/components/tools/UrlCleaner.vue
@@ -305,6 +305,21 @@ onUnmounted(() => {
  gap: 1rem;
 }

+@media (max-width: 640px) {
+  .input-wrapper {
+    flex-direction: column;
+  }
+
+  .watch-toggle {
+    justify-content: center;
+  }
+
+  .toggle-btn {
+    width: 100%;
+    justify-content: center;
+  }
+}
+
 .url-input {
  flex: 1;
  padding: 0.8rem 1rem;