Merge pull request #824 from liquality/feat/whats_new_model_updated

feat: whats new model update

Author: beemi

package.json

@@ -30,7 +30,7 @@
     "@liquality/hw-web-bridge": "^0.1.2",
     "@liquality/terra-networks": "^1.13.12",
     "@liquality/types": "^1.13.12",
-    "@liquality/wallet-core": "1.16.0",
+    "@liquality/wallet-core": "1.17.1",
     "@terra-money/terra.js": "^3.0.8",
     "@testing-library/vue": "^5.8.2",
     "amplitude-js": "8.17.0",

src/components/WhatsNewModal.vue

@@ -3,6 +3,21 @@
     <template #header>
       <h6>What's New</h6>
     </template>
+    <template>
+      <div class="items">
+        <div class="item">
+          <div class="item-icon">
+            <ChartIcon />
+          </div>
+          <div class="item-content">
+            <pre class="text-wrap">* Improved Error Messaging - Minor Bug Fixes</pre>
+          </div>
+        </div>
+      </div>
+    </template>
+    <template>
+      <h6 class="subHeader">Did you know you can…</h6>
+    </template>
     <template>
       <div class="items">
         <div class="item">
@@ -12,7 +27,6 @@
           <div class="item-content">
             <pre class="text-wrap">* Connect your wallet to view your NFTs on OpenSEA</pre>
             <pre class="text-wrap">* Bridge with the Hop protocol</pre>
-            <pre class="text-wrap">* Improved Error Messaging - Minor Bug Fixes</pre>
           </div>
         </div>
       </div>
@@ -25,7 +39,6 @@
     </template>
   </Modal>
 </template>
-
 <script>
 import Modal from '@/components/Modal'
 import ChartIcon from '@/assets/icons/chart_icon.svg'
@@ -72,6 +85,10 @@ h6 {
   text-transform: uppercase;
 }
 
+.subHeader {
+  padding-left: 20px;
+}
+
 .items {
   overflow-y: auto;
   display: flex;
@@ -114,4 +131,10 @@ h6 {
     margin-top: 20px;
   }
 }
+
+.header {
+  display: flex;
+  width: 100%;
+  align-items: center;
+}
 </style>