fix(ui): preserve showcase height and broaden NIP-99 lookup
This commit is contained in:
@@ -82,8 +82,7 @@ async function search() {
|
|||||||
socket.addEventListener('open', () => {
|
socket.addEventListener('open', () => {
|
||||||
socket.send(JSON.stringify(['REQ', `archy-router-${run}`, {
|
socket.send(JSON.stringify(['REQ', `archy-router-${run}`, {
|
||||||
kinds: [30402],
|
kinds: [30402],
|
||||||
'#t': ['router', 'openwrt', 'wifi'],
|
limit: 200,
|
||||||
limit: 50,
|
|
||||||
}]))
|
}]))
|
||||||
})
|
})
|
||||||
socket.addEventListener('message', message => {
|
socket.addEventListener('message', message => {
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { ref, computed, onMounted } from 'vue'
|
import { ref, computed, onMounted, nextTick } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
import { rpcClient } from '@/api/rpc-client'
|
import { rpcClient } from '@/api/rpc-client'
|
||||||
import { useCachedResource } from '@/composables/useCachedResource'
|
import { useCachedResource } from '@/composables/useCachedResource'
|
||||||
@@ -116,6 +116,18 @@ const sshUser = ref('root')
|
|||||||
const sshPassword = ref('')
|
const sshPassword = ref('')
|
||||||
const showConnectForm = ref(false)
|
const showConnectForm = ref(false)
|
||||||
const routerShopOpen = ref(false)
|
const routerShopOpen = ref(false)
|
||||||
|
const routerCard = ref<HTMLElement>()
|
||||||
|
const routerCardHeight = ref<string>()
|
||||||
|
function openRouterShop() {
|
||||||
|
const height = routerCard.value?.getBoundingClientRect().height
|
||||||
|
if (height) routerCardHeight.value = `${height}px`
|
||||||
|
routerShopOpen.value = true
|
||||||
|
}
|
||||||
|
async function closeRouterShop() {
|
||||||
|
routerShopOpen.value = false
|
||||||
|
await nextTick()
|
||||||
|
routerCardHeight.value = undefined
|
||||||
|
}
|
||||||
const connecting = ref(false)
|
const connecting = ref(false)
|
||||||
const connectedParams = ref<Record<string, string> | null>(null)
|
const connectedParams = ref<Record<string, string> | null>(null)
|
||||||
|
|
||||||
@@ -534,10 +546,10 @@ onMounted(() => {
|
|||||||
<p v-if="error" class="mt-3 text-xs text-red-400">{{ error }}</p>
|
<p v-if="error" class="mt-3 text-xs text-red-400">{{ error }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="glass-card p-6 mb-6 overflow-hidden router-model-card">
|
<div ref="routerCard" class="glass-card p-6 mb-6 overflow-hidden router-model-card" :style="routerCardHeight ? { height: routerCardHeight } : undefined">
|
||||||
<div class="grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(280px,360px)] gap-6 items-start">
|
<div class="grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(280px,360px)] gap-6 items-start">
|
||||||
<DeviceModel v-if="!routerShopOpen" model="beryl-ax" label="Beryl AX (GL-MT3000) OpenWrt router" fill-viewport :controls="false" />
|
<DeviceModel v-if="!routerShopOpen" model="beryl-ax" label="Beryl AX (GL-MT3000) OpenWrt router" fill-viewport :controls="false" />
|
||||||
<RouterMarketplace :expanded="routerShopOpen" @open="routerShopOpen = true" @close="routerShopOpen = false" />
|
<RouterMarketplace :expanded="routerShopOpen" @open="openRouterShop" @close="closeRouterShop" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user