chroe: adjust view log sheet width

This commit is contained in:
engigu
2025-08-10 20:07:07 +08:00
parent 6fb85bdc75
commit 20e073ff41
3 changed files with 5 additions and 5 deletions
@@ -160,7 +160,7 @@ onMounted(async () => {
<!-- 消息详情Sheet --> <!-- 消息详情Sheet -->
<Sheet v-model:open="isSheetOpen"> <Sheet v-model:open="isSheetOpen">
<SheetContent class="w-[700px] sm:w-[1000px] lg:w-[1200px]"> <SheetContent class="lg:w-[800px] ">
<SheetHeader> <SheetHeader>
<SheetTitle>{{ selectedTaskName }} - 托管消息详情</SheetTitle> <SheetTitle>{{ selectedTaskName }} - 托管消息详情</SheetTitle>
</SheetHeader> </SheetHeader>
@@ -199,8 +199,8 @@ onMounted(async () => {
/> />
<!-- 日志详情Sheet --> <!-- 日志详情Sheet -->
<Sheet v-model:open="isSheetOpen" class="w-[700px] sm:w-[1000px] lg:w-[1200px]"> <Sheet v-model:open="isSheetOpen" class="lg:w-[900px] ">
<SheetContent class="w-[700px] sm:w-[1000px] lg:w-[1200px]"> <SheetContent class="lg:w-[900px]">
<SheetHeader> <SheetHeader>
<SheetTitle>{{ selectedTaskName }} - 发信日志详情</SheetTitle> <SheetTitle>{{ selectedTaskName }} - 发信日志详情</SheetTitle>
</SheetHeader> </SheetHeader>
@@ -112,13 +112,13 @@ export default {
查看更新日志 查看更新日志
</Button> </Button>
</SheetTrigger> </SheetTrigger>
<SheetContent class="w-[600px] sm:w-[800px]"> <SheetContent class="lg:w-[900px] ">
<SheetHeader> <SheetHeader>
<SheetTitle>版本更新日志</SheetTitle> <SheetTitle>版本更新日志</SheetTitle>
</SheetHeader> </SheetHeader>
<div class="mt-6"> <div class="mt-6">
<div class="bg-card text-card-foreground rounded-xl border shadow-sm p-6"> <div class="bg-card text-card-foreground rounded-xl border shadow-sm p-6">
<div class="space-y-2 max-h-[70vh] overflow-y-auto"> <div class="space-y-2 max-h-[80vh] overflow-y-auto">
<div v-for="(line, index) in state.versionLog.split('\n').reverse().filter(line => line.trim())" :key="index" <div v-for="(line, index) in state.versionLog.split('\n').reverse().filter(line => line.trim())" :key="index"
class="flex items-start gap-3 p-3 rounded-lg border bg-background hover:bg-accent/50 transition-colors"> class="flex items-start gap-3 p-3 rounded-lg border bg-background hover:bg-accent/50 transition-colors">
<div class="w-1.5 h-1.5 rounded-full bg-primary mt-2 shrink-0"></div> <div class="w-1.5 h-1.5 rounded-full bg-primary mt-2 shrink-0"></div>