taoshihan 1 month ago
parent f18dcdd165
commit cf8fc1cde0

@ -1,14 +1,13 @@
{{template "header"}} {{template "header"}}
<style> <style>
.deployment-guide { .deployment-guide {
margin: 20px auto;
padding: 24px; padding: 24px;
background: #fff; background: #fff;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
} }
.deployment-section { .deployment-section {
margin: 30px 0;
padding: 20px; padding: 20px;
background: #f8fafc; background: #f8fafc;
border-radius: 8px; border-radius: 8px;
@ -39,8 +38,6 @@
} }
#app { #app {
background: #f5f7fa; background: #f5f7fa;
padding: 20px;
min-height: calc(100vh - 40px);
} }
.el-card { .el-card {
border-radius: 8px; border-radius: 8px;
@ -51,13 +48,14 @@
</style> </style>
<div id="app" style="width:100%;background: #f5f7fa"> <div id="app" style="width:100%;background: #f5f7fa">
<template> <template>
<div style="padding: 20px">
<el-card class="deployment-guide"> <el-card class="deployment-guide">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<h2>Quick Start via Chat Link</h2> <h2>Quick Start via Chat Link</h2>
</div> </div>
<div class="deployment-section"> <div class="deployment-section">
<p>To immediately access your customer support chat interface:</p> <p>To immediately access your customer support chat interface</p>
<p>Your live chat endpoint is available at:</p> <p>Your live chat endpoint is available at:</p>
<el-input v-model="chatEndpoint" readonly style="width: 100%; margin-top: 10px;"> <el-input v-model="chatEndpoint" readonly style="width: 100%; margin-top: 10px;">
<el-button slot="append" icon="el-icon-link" <el-button slot="append" icon="el-icon-link"
@ -70,6 +68,7 @@
</div> </div>
</el-card> </el-card>
</div>
</template> </template>

Loading…
Cancel
Save