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