From 61aeb0304f89854a622f4b0a1cbb0e3cd6f2d4e4 Mon Sep 17 00:00:00 2001
From: Zhiting Lin <zlin035@uottawa.ca>
Date: Fri, 21 Aug 2020 11:11:00 +0800
Subject: [PATCH] update protocal

---
 src/assets/language/cn.js      |  2 +-
 src/views/welcome/protocol.vue | 56 ++++++++++++++++++++++--------------------
 2 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/src/assets/language/cn.js b/src/assets/language/cn.js
index 31e5cc1..6ca1bf9 100644
--- a/src/assets/language/cn.js
+++ b/src/assets/language/cn.js
@@ -299,7 +299,7 @@ const cn = {
     ok:'已完成'
   },
   protocol: {
-    title: 'Bytom Chrome Wallet服务协议',
+    title: '用户服务协议',
     content: `尊敬的用户：
     感谢您选择Bytom Chrome Wallet服务。《Bytom Chrome Wallet服务协议》（以下简称“本协议”）由Bytom和用户（以下简称“您”或“用户”）签订，本协议在您与Bytom之间具有合同上的法律效力。
     Bytom在此特别提醒您在使用Bytom Chrome Wallet（以下简称“Bytom Chrome Wallet” 或“本软件”）之前，请认真阅读《Bytom Chrome Wallet服务协议》及后文提到的相关协议，尤其是本协议规定的“免责及责任限制”等条款将以加粗的形式体现，确保您充分理解本协议中各条款，并自主考虑风险。
diff --git a/src/views/welcome/protocol.vue b/src/views/welcome/protocol.vue
index df82b70..8b298b4 100644
--- a/src/views/welcome/protocol.vue
+++ b/src/views/welcome/protocol.vue
@@ -1,41 +1,45 @@
 <style scoped>
-.protocol {
-    height: 490px;
-    padding:0;
-}
+  .header {
+    position: relative;
+    margin:40px 0px 20px;
+    line-height: 37px;
+  }
+  .header h1{
+    margin-top: 20px;
+  }
+  .container{
+    position: relative;
+    margin-top: 24px;
+    height: calc(100% - 210px);
+  }
+
 .content {
   white-space: pre-wrap;
   word-wrap: break-word;
-  max-height: 380px;
+  min-height: 380px;
   overflow-y: scroll;
-  margin: 20px;
+  font-size: 13px;
+  height: 100%;
 }
 .content::-webkit-scrollbar {
     width: 0 !important;
 }
-  .title{
-    background-image: url("../../assets/img/backgroundHead/protocol.svg");
-    background-size: 320px 80px;
-    height: 40px;
-    width: 280px;
-    padding: 20px;
-    color: white;
-  }
+
 </style>
 <template>
-    <div class="warp bg-gray">
+    <div class="warp">
+      <div class="header color-black">
+        <BackButton/>
+        <h1>
+          <div class="welcome-title">{{ $t('protocol.title') }}</div>
+        </h1>
+      </div>
+      <div class="divider"></div>
+
 
-        <section class="protocol panel">
-            <div class="title" style="font-size: 17px;">
-              {{ $t('protocol.title') }}
-            </div>
-            <div style="font-size: 11px; width: 100%;">
-                <pre class="content">{{ $t('protocol.content') }}</pre>
-            </div>
-        </section>
-        <section class="btn-group">
-            <div class="btn btn-primary btn-startup" @click="$router.go(-1)">{{ $t('welcome.confirm') }}</div>
-        </section>
+      <div class="container">
+          <pre class="content">{{ $t('protocol.content') }}</pre>
+      </div>
     </div>
 </template>
 
-- 
2.11.0