fix: responsive layout for url cleaner and sniffer icon alignment

This commit is contained in:
2026-02-27 07:02:58 +00:00
parent a5fc242a97
commit a3bc069029
4 changed files with 62 additions and 3 deletions

View File

@@ -1,3 +1,9 @@
<script>
export default {
inheritAttrs: false
}
</script>
<script setup>
import { ref } from 'vue'
import { Plug, Plus, X } from 'lucide-vue-next'
@@ -10,7 +16,7 @@ const showModal = ref(false)
</script>
<template>
<div class="extension-status" :class="{ 'is-ready': isReady }" @click="showModal = true" :title="isReady ? 'Extension Connected' : 'Extension Not Connected'">
<div class="extension-status" v-bind="$attrs" :class="{ 'is-ready': isReady }" @click="showModal = true" :title="isReady ? 'Extension Connected' : 'Extension Not Connected'">
<Plug v-if="isReady" size="18" />
<Plus v-else size="18" />
</div>