style: remove panel borders and backgrounds on mobile for cleaner look

2026-02-27 07:09:27 +00:00
parent 8b5705c12f
commit 3ea7f63b83
3 changed files with 26 additions and 0 deletions
--- a/src/components/tools/UrlCleaner.vue
+++ b/src/components/tools/UrlCleaner.vue
@@ -300,6 +300,15 @@ onUnmounted(() => {
  border-radius: 12px;
 }

+@media (max-width: 640px) {
+  .input-section {
+    background: transparent;
+    border: none;
+    border-radius: 0;
+    padding: 0;
+  }
+}
+
 .input-wrapper {
  display: flex;
  gap: 1rem;