chore(DeepResearch): improve fullscreen button style
This commit is contained in:
@ -345,19 +345,21 @@
|
|||||||
<template>
|
<template>
|
||||||
<UModal v-if="isFullscreen" open fullscreen :ui="{ body: '!pr-0' }">
|
<UModal v-if="isFullscreen" open fullscreen :ui="{ body: '!pr-0' }">
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="flex items-center justify-between">
|
<div class="w-full flex items-center justify-between">
|
||||||
<div>
|
<div>
|
||||||
<h2 class="font-bold">{{ t('webBrowsing.title') }}</h2>
|
<h2 class="font-bold">{{ t('webBrowsing.title') }}</h2>
|
||||||
<p class="text-sm text-gray-500">
|
<p class="text-sm text-gray-500">
|
||||||
{{ t('webBrowsing.clickToView') }}
|
{{ t('webBrowsing.clickToView') }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
<UTooltip :text="t('exitFullscreen')" :delay-duration="100">
|
||||||
<UButton
|
<UButton
|
||||||
icon="i-heroicons-arrows-pointing-out"
|
icon="i-material-symbols:fullscreen-exit"
|
||||||
:variant="isFullscreen ? 'solid' : 'ghost'"
|
variant="ghost"
|
||||||
:color="isFullscreen ? 'primary' : 'info'"
|
color="info"
|
||||||
@click="toggleFullscreen"
|
@click="toggleFullscreen"
|
||||||
/>
|
/>
|
||||||
|
</UTooltip>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -397,12 +399,14 @@
|
|||||||
{{ t('webBrowsing.clickToView') }}
|
{{ t('webBrowsing.clickToView') }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
<UTooltip :text="t('fullscreen')" :delay-duration="100">
|
||||||
<UButton
|
<UButton
|
||||||
icon="i-heroicons-arrows-pointing-out"
|
icon="i-material-symbols:fullscreen"
|
||||||
variant="ghost"
|
variant="ghost"
|
||||||
color="info"
|
color="info"
|
||||||
@click="toggleFullscreen"
|
@click="toggleFullscreen"
|
||||||
/>
|
/>
|
||||||
|
</UTooltip>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<div class="flex flex-col">
|
<div class="flex flex-col">
|
||||||
|
@ -115,5 +115,7 @@
|
|||||||
"newVersionDescription": "Note: If you are using a self-hosted version, please re-deploy to get new features and bug fixes.",
|
"newVersionDescription": "Note: If you are using a self-hosted version, please re-deploy to get new features and bug fixes.",
|
||||||
"refresh": "Refresh page",
|
"refresh": "Refresh page",
|
||||||
"dismiss": "Dismiss"
|
"dismiss": "Dismiss"
|
||||||
}
|
},
|
||||||
|
"fullscreen": "Fullscreen",
|
||||||
|
"exitFullscreen": "Exit fullscreen"
|
||||||
}
|
}
|
||||||
|
@ -115,5 +115,7 @@
|
|||||||
"newVersionDescription": "Let op: Als u een zelfgehoste versie gebruikt, implementeer deze dan opnieuw om nieuwe functies en bugfixes te krijgen.",
|
"newVersionDescription": "Let op: Als u een zelfgehoste versie gebruikt, implementeer deze dan opnieuw om nieuwe functies en bugfixes te krijgen.",
|
||||||
"refresh": "Pagina vernieuwen",
|
"refresh": "Pagina vernieuwen",
|
||||||
"dismiss": "Afwijzen"
|
"dismiss": "Afwijzen"
|
||||||
}
|
},
|
||||||
|
"exitFullscreen": "Volledig scherm verlaten",
|
||||||
|
"fullscreen": "Volledig scherm"
|
||||||
}
|
}
|
||||||
|
@ -115,5 +115,7 @@
|
|||||||
"newVersionDescription": "注:如果您使用的是自部署页面,请使用最新代码重新部署,即可获得最新功能和 bug 修复。",
|
"newVersionDescription": "注:如果您使用的是自部署页面,请使用最新代码重新部署,即可获得最新功能和 bug 修复。",
|
||||||
"refresh": "刷新",
|
"refresh": "刷新",
|
||||||
"dismiss": "忽略"
|
"dismiss": "忽略"
|
||||||
}
|
},
|
||||||
|
"exitFullscreen": "退出全屏",
|
||||||
|
"fullscreen": "全屏"
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user