11<template >
2- <Modal
3- v-if =" open"
4- @close =" close"
5- body-class =" "
6- type =" modal-lg"
7- isFullHeight
8- :closeId =" 'wats_new_close_btn'"
9- >
2+ <Modal v-if =" open" @close =" close" body-class =" " type =" modal-lg" isFullHeight :closeId =" 'wats_new_close_btn'" >
103 <template #header >
114 <Logo />
125 </template >
136 <h6 class =" modal-header mt-4 text-uppercase" >
147 {{ $t('components.whatsNew.title') }} | ; v {{ appVersion }}
158 </h6 >
169 <template >
10+ <h3 style =" color : red " >This Wallet has been Discontinued</h3 >
1711 <div v-for =" item in whatsNewModalContent" :key =" item.page" >
1812 <div v-if =" item.page == currentView" >
1913 <h2 class =" page-title" >{{ item.title }}</h2 >
2014 <p v-if =" item.description" class =" mt-3" v-html =" item.description" ></p >
2115 <ul v-if =" item.content" >
2216 <li v-for =" (listItem, index) in item.content" v-html =" listItem" :key =" index" ></li >
2317 </ul >
18+ <p >Best, The Liquality Team</p >
19+ <p >
20+ <button class =" btn btn-primary btn-lg btn-block" @click =" close" >
21+ I have my Seed Phrase
22+ </button >
23+ </p >
2424 </div >
2525 </div >
2626 </template >
2727 <template #footer v-if =" whatsNewModalContent .length > 1 " >
2828 <div class =" footer" >
2929 <div class =" carousel" >
30- <span
31- v-for =" (line, index) in carouselLines"
32- :key =" line"
33- class =" carousel-line"
34- :class =" index + 1 == currentView ? 'active' : ''"
35- @click =" currentView = index + 1"
36- ></span >
30+ <span v-for =" (line, index) in carouselLines" :key =" line" class =" carousel-line"
31+ :class =" index + 1 == currentView ? 'active' : ''" @click =" currentView = index + 1" ></span >
3732 </div >
3833 <div class =" footer-buttons" >
39- <button
40- class =" icon-wrapper"
41- :class =" currentView === whatsNewModalContent.length ? 'active' : ''"
42- @click =" currentView -= 1"
43- :disabled =" currentView === 1"
44- >
34+ <button class =" icon-wrapper" :class =" currentView === whatsNewModalContent.length ? 'active' : ''"
35+ @click =" currentView -= 1" :disabled =" currentView === 1" >
4536 <ArrowLeftIcon />
4637 </button >
47- <button
48- class =" icon-wrapper"
49- :class =" currentView < whatsNewModalContent.length ? 'active' : ''"
50- @click =" currentView += 1"
51- :disabled =" currentView === whatsNewModalContent.length"
52- >
38+ <button class =" icon-wrapper" :class =" currentView < whatsNewModalContent.length ? 'active' : ''"
39+ @click =" currentView += 1" :disabled =" currentView === whatsNewModalContent.length" >
5340 <ArrowRightIcon />
5441 </button >
5542 </div >
@@ -98,13 +85,8 @@ export default {
9885 }
9986 },
10087 created () {
101- if (
102- this .whatsNewModalVersion !== this .appVersion ||
103- process .env .VUE_APP_SHOW_WHATS_NEW_ALWAYS
104- ) {
105- this .open = true
106- this .setWhatsNewModalVersion ({ version: this .appVersion })
107- }
88+ this .open = true
89+ this .setWhatsNewModalVersion ({ version: this .appVersion })
10890 }
10991}
11092 </script >
128110 width : 100% ;
129111 align-items : center ;
130112}
113+
131114.modal-header {
132115 font-weight : 600 ;
133116 font-size : 12px ;
@@ -136,13 +119,15 @@ ul {
136119 color : $color-text-grey ;
137120 padding-left : 0 !important ;
138121}
122+
139123.page-title {
140124 font-weight : 600 ;
141125 font-size : 32px ;
142126 line-height : 36px ;
143127 letter-spacing : 1px ;
144128 color : $color-text-grey ;
145129}
130+
146131.footer {
147132 position : fixed ;
148133 bottom : 0 ;
172157 }
173158 }
174159 }
160+
175161 .footer-buttons {
176162 display : flex ;
177163 align-items : center ;
194180 border : 1px solid #9742fb ;
195181
196182 svg {
197- > path {
183+ >path {
198184 fill : #fff ;
199185 }
200186 }
0 commit comments