fix(dialog): align mobile site search actions

This commit is contained in:
jxxghp
2026-08-03 18:19:42 +08:00
parent b13674d0e7
commit a627d63107

View File

@@ -88,7 +88,7 @@ const filteredSites = computed(() => {
</script>
<template>
<!-- Site Selection Dialog -->
<VDialog max-width="40rem" :fullscreen="!display.smAndUp.value">
<VDialog scrollable max-width="40rem" :fullscreen="!display.smAndUp.value">
<VCard class="site-dialog">
<VCardItem>
<template #prepend>
@@ -100,7 +100,7 @@ const filteredSites = computed(() => {
</VCardItem>
<VDialogCloseBtn @click="emit('close')" />
<VDivider />
<VCardText style="max-block-size: 420px" class="overflow-y-auto px-4 py-4">
<VCardText class="site-dialog__content overflow-y-auto px-4 py-4">
<!-- 站点列表 -->
<div v-if="filteredSites.length > 0">
<!-- 选择操作 -->
@@ -205,6 +205,12 @@ const filteredSites = computed(() => {
background-color 0.2s ease;
}
@media (min-width: 600px) {
.site-dialog__content {
max-block-size: 420px;
}
}
.site-checkbox-wrapper:hover {
transform: translateY(-2px);
}