chore(DeepResearch): improve fullscreen button style

This commit is contained in:
AnotiaWang
2025-03-20 09:27:43 +08:00
parent 5002ba3e26
commit c8ae1ece95
4 changed files with 26 additions and 16 deletions

View File

@ -345,19 +345,21 @@
<template>
<UModal v-if="isFullscreen" open fullscreen :ui="{ body: '!pr-0' }">
<template #header>
<div class="flex items-center justify-between">
<div class="w-full flex items-center justify-between">
<div>
<h2 class="font-bold">{{ t('webBrowsing.title') }}</h2>
<p class="text-sm text-gray-500">
{{ t('webBrowsing.clickToView') }}
</p>
</div>
<UButton
icon="i-heroicons-arrows-pointing-out"
:variant="isFullscreen ? 'solid' : 'ghost'"
:color="isFullscreen ? 'primary' : 'info'"
@click="toggleFullscreen"
/>
<UTooltip :text="t('exitFullscreen')" :delay-duration="100">
<UButton
icon="i-material-symbols:fullscreen-exit"
variant="ghost"
color="info"
@click="toggleFullscreen"
/>
</UTooltip>
</div>
</template>
@ -397,12 +399,14 @@
{{ t('webBrowsing.clickToView') }}
</p>
</div>
<UButton
icon="i-heroicons-arrows-pointing-out"
variant="ghost"
color="info"
@click="toggleFullscreen"
/>
<UTooltip :text="t('fullscreen')" :delay-duration="100">
<UButton
icon="i-material-symbols:fullscreen"
variant="ghost"
color="info"
@click="toggleFullscreen"
/>
</UTooltip>
</div>
</template>
<div class="flex flex-col">

View File

@ -115,5 +115,7 @@
"newVersionDescription": "Note: If you are using a self-hosted version, please re-deploy to get new features and bug fixes.",
"refresh": "Refresh page",
"dismiss": "Dismiss"
}
},
"fullscreen": "Fullscreen",
"exitFullscreen": "Exit fullscreen"
}

View File

@ -115,5 +115,7 @@
"newVersionDescription": "Let op: Als u een zelfgehoste versie gebruikt, implementeer deze dan opnieuw om nieuwe functies en bugfixes te krijgen.",
"refresh": "Pagina vernieuwen",
"dismiss": "Afwijzen"
}
},
"exitFullscreen": "Volledig scherm verlaten",
"fullscreen": "Volledig scherm"
}

View File

@ -115,5 +115,7 @@
"newVersionDescription": "注:如果您使用的是自部署页面,请使用最新代码重新部署,即可获得最新功能和 bug 修复。",
"refresh": "刷新",
"dismiss": "忽略"
}
},
"exitFullscreen": "退出全屏",
"fullscreen": "全屏"
}