15308555518/ MaxKB
1
0
Fork 0
mirror of https://github.com/1Panel-dev/MaxKB.git synced 2025-12-26 01:33:05 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

perf: 优化嵌入第三方弹出层样式

This commit is contained in:
wangdan-fit2cloud 2024-10-30 18:08:29 +08:00
parent f20c3d0d80
commit 8076d4b048
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
ui/src/views/application-overview/component/EmbedDialog.vue
View File

@ -14,8 +14,8 @@
{{ $t('views.applicationOverview.appInfo.EmbedDialog.fullscreenModeTitle') }}
</p>
<img src="@/assets/window1.png" alt="" class="ml-8" height="150" />
<div class="code layout-bg border-t p-16">
<div class="flex-between">
<div class="code layout-bg border-t p-8">
<div class="flex-between p-8">
<span class="bold">{{
$t('views.applicationOverview.appInfo.EmbedDialog.copyInstructions')
}}</span>
@ -23,9 +23,11 @@
<AppIcon iconName="app-copy"></AppIcon>
</el-button>
</div>
<div class="mt-8 pre-wrap">
{{ source1 }}
</div>
<el-scrollbar height="150" always>
<div class="pre-wrap p-8 pt-0">
{{ source1 }}
</div>
</el-scrollbar>
</div>
</div>
</el-col>
@ -35,8 +37,8 @@
{{ $t('views.applicationOverview.appInfo.EmbedDialog.floatingModeTitle') }}
</p>
<img src="@/assets/window2.png" alt="" class="ml-8" height="150" />
<div class="code layout-bg border-t p-16">
<div class="flex-between">
<div class="code layout-bg border-t p-8">
<div class="flex-between p-8">
<span class="bold">{{
$t('views.applicationOverview.appInfo.EmbedDialog.copyInstructions')
}}</span>
@ -44,9 +46,11 @@
<AppIcon iconName="app-copy"></AppIcon>
</el-button>
</div>
<div class="mt-8 pre-wrap">
{{ source2 }}
</div>
<el-scrollbar height="150" always>
<div class="pre-wrap p-8 pt-0">
{{ source2 }}
</div>
</el-scrollbar>
</div>
</div>
</el-col>
@ -118,7 +122,7 @@ defineExpose({ open })
font-weight: 400;
font-size: 13px;
white-space: pre;
height: 180px;
height: 188px;
}
}
</style>