surya/freeplanet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Insert Carosel (3 images to the HomePage)

Browse Source
This commit is contained in:
Paolo Arena
2019-03-14 01:24:59 +01:00
parent 4f94cfcac5
commit 41642853d1
12 changed files with 350 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@@ -12,6 +12,6 @@ TEST_EMAIL="paolo.arena77@gmail.com"
TEST_USERNAME="paoloar77" TEST_USERNAME="paoloar77"
TEST_PASSWORD="mypassword@1A" TEST_PASSWORD="mypassword@1A"
PUBLICKEY_PUSH="BGxRrFWnPoa_ImUaWXmeEOFVI9VNKVKaAPsvsM1XY6wn24yxp9MyOQ4crNYCJKxSXV65Y1GblW5_VLoamedcZ1I" PUBLICKEY_PUSH="BGxRrFWnPoa_ImUaWXmeEOFVI9VNKVKaAPsvsM1XY6wn24yxp9MyOQ4crNYCJKxSXV65Y1GblW5_VLoamedcZ1I"
IN_CONSTRUCTION="0" IN_CONSTRUCTION="1"
DEBUG="1" DEBUG="1"
TELEGRAM_SUPPORT="https://t.me/freeplanet_supporto" TELEGRAM_SUPPORT="https://t.me/freeplanet_supporto"

2
quasar.conf.js
View File

@@ -170,6 +170,8 @@ module.exports = function (ctx) {
'QSlider', 'QSlider',
'QPopupEdit', 'QPopupEdit',
'QCarousel', 'QCarousel',
'QCarouselControl',
'QCarouselSlide'
], ],
directives: [ directives: [
'Ripple', 'Ripple',

6
src/App.scss
View File

@@ -44,3 +44,9 @@
.my-notif-class{ .my-notif-class{
font-weight: bold; font-weight: bold;
} }
.mybanner {
font-weight: bold;
font-size: 1.1rem;
text-align: center;
}

49
src/root/home/home.scss
View File

@@ -25,6 +25,9 @@ p {
} }
.landing { .landing {
}
.landing_background {
background: #000 url(../../statics/images/cover.jpg) no-repeat 50% fixed; background: #000 url(../../statics/images/cover.jpg) no-repeat 50% fixed;
background-size: cover background-size: cover
} }
@@ -36,7 +39,7 @@ p {
-webkit-box-pack: center; -webkit-box-pack: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
padding: 0 16px //padding: 0 16px
} }
.landing > section.padding { .landing > section.padding {
@@ -45,7 +48,7 @@ p {
.landing > section > div { .landing > section > div {
position: relative; position: relative;
max-width: 1040px; max-width: 1240px;
width: 100% width: 100%
} }
@@ -91,7 +94,7 @@ p {
font-size: 64px font-size: 64px
} }
h4{ h4 {
line-height: 1.5; line-height: 1.5;
text-shadow: 4px 4px 8px $grayshadow; text-shadow: 4px 4px 8px $grayshadow;
} }
@@ -107,12 +110,18 @@ h4{
} }
.landing__footer { .landing__footer {
background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000)); //background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, rgba(0, 0, 0, .1)), to(#000));
background: linear-gradient(180deg, rgba(0, 0, 0, .1) 65%, #000); background: linear-gradient(180deg, rgba(0, 0, 0, .8) 75%, #FFF);
padding-top: 72px !important; padding-top: 72px !important;
padding-bottom: 72px !important padding-bottom: 72px !important
} }
.icon_contact:hover {
color: blue;
border-color: white;
border-width: 1px;
}
.landing__footer .doc-link { .landing__footer .doc-link {
color: #fff color: #fff
} }
@@ -137,13 +146,11 @@ h4{
opacity: 0.9; opacity: 0.9;
} }
.q-col-gutter-xl { .q-col-gutter-xl {
padding: 50px 50px; padding: 50px 50px;
//margin-left: -48px //margin-left: -48px
} }
body.mobile .landing { body.mobile .landing {
//background: unset //background: unset
} }
@@ -249,12 +256,17 @@ body.mobile .landing:before {
.homep-cover-img-1 { .homep-cover-img-1 {
background: #000 url(../../statics/images/cover.jpg) no-repeat 50% fixed; background: #000 url(../../statics/images/cover.jpg) no-repeat 50% fixed;
transition: background-image 1s ease-in-out; //transition: background-image 1s ease-in-out;
} }
.homep-cover-img-2 { .homep-cover-img-2 {
background: #000 url(../../statics/images/mountains.jpg) no-repeat 50% fixed;
//transition: background-image 1s ease-in-out;
}
.homep-cover-img-3 {
background: #000 url(../../statics/images/all_together.jpg) no-repeat 50% fixed; background: #000 url(../../statics/images/all_together.jpg) no-repeat 50% fixed;
transition: background-image 1s ease-in-out; //transition: background-image 1s ease-in-out;
} }
.homep-cover-img.hide-filter:before { .homep-cover-img.hide-filter:before {
@@ -277,7 +289,7 @@ body.mobile .landing:before {
color: #e0e0e0 color: #e0e0e0
} }
.doc-img{ .doc-img {
max-width: 100%; max-width: 100%;
} }
@@ -286,12 +298,11 @@ body.mobile .landing:before {
padding-left: 20px; padding-left: 20px;
} }
.clgutter{ .clgutter {
margin-top:20px; margin-top: 20px;
padding: 10px; padding: 10px;
} }
@media (max-width: 718px) { @media (max-width: 718px) {
.landing__hero { .landing__hero {
text-align: center text-align: center
@@ -299,7 +310,7 @@ body.mobile .landing:before {
.landing__header { .landing__header {
height: 7vh height: 7vh
} }
.clgutter{ .clgutter {
margin-top: 0px; margin-top: 0px;
padding: 0px; padding: 0px;
} }
@@ -318,12 +329,11 @@ body.mobile .landing:before {
margin: 20px 0 margin: 20px 0
} }
h4{ h4 {
line-height: 1.4; line-height: 1.4;
text-shadow: 4px 4px 8px $grayshadow; text-shadow: 4px 4px 8px $grayshadow;
} }
.landing .feature-item { .landing .feature-item {
text-align: center; text-align: center;
margin-top: 20px; margin-top: 20px;
@@ -351,3 +361,10 @@ body.mobile .landing:before {
font-size: 0.75rem; font-size: 0.75rem;
} }
} }
.custom-caption {
text-align: center;
padding: 12px;
color: white;
background-color: rgba(0, 0, 0, .3);
}

6
src/root/home/home.ts
View File

@@ -30,9 +30,11 @@ export default class Home extends Vue {
public displaycard: string = 'block' public displaycard: string = 'block'
public svgclass: string = 'svgclass' public svgclass: string = 'svgclass'
public $t: any public $t: any
public firstClassSection: string = 'landing fade homep-cover-img animate-fade homep-cover-img-1' // public firstClassSection: string = 'landing_background fade homep-cover-img animate-fade homep-cover-img-1'
public firstClassSection: string = 'fade homep-cover-img animate-fade homep-cover-img-1'
public $q public $q
public polling public polling
public slide = 'first'
constructor() { constructor() {
super() super()
@@ -45,7 +47,7 @@ export default class Home extends Vue {
const mytime = 10000 const mytime = 10000
this.polling = setInterval(() => { this.polling = setInterval(() => {
this.firstClassSection = 'landing fade homep-cover-img ' + (primo ? 'homep-cover-img-2' : 'homep-cover-img-1') this.firstClassSection = 'landing_background fade homep-cover-img ' + (primo ? 'homep-cover-img-2' : 'homep-cover-img-1')
primo = !primo primo = !primo
// console.log('this.firstClassSection', this.firstClassSection) // console.log('this.firstClassSection', this.firstClassSection)

374
src/root/home/home.vue
View File

@@ -1,100 +1,289 @@
<template> <template>
<q-page class="text-white"> <q-page class="text-white">
<div :class="firstClassSection"> <div class="landing">
<section> <section>
<div class="landing__hero"> <div class="landing__hero">
<div class="landing__header"></div> <q-carousel
<div class="landing__hero-content row justify-center q-gutter-xs clgutter"> animated
<div class="row"> :autoplay="7000"
<logo></logo> swipeable
</div> infinite
<div class="flex justify-end"> transition-next="slide-left"
<div class="q-gutter-xs testo-banda clgutter"> transition-prev="slide-right"
<div class="text-h1 shadow-max">FreePlanet</div> v-model="slide"
<div class="text-subtitle1 shadow text-italic q-pl-sm">{{$t('msg.sottoTitoloApp')}} height="100%"
</div> width="100%"
<div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong> >
</div> <q-carousel-slide name="first" class="homep-cover-img-1">
<div class="text-subtitle2 shadow text-italic q-pl-sm"> <div class="landing__header"></div>
{{$t('msg.sottoTitoloApp3')}} <div class="landing__hero-content row justify-center q-gutter-xs clgutter">
<div class="row">
<logo></logo>
</div> </div>
<div class="flex justify-end">
<div class="q-gutter-xs testo-banda clgutter">
<div class="text-h1 shadow-max">FreePlanet</div>
<div class="text-subtitle1 shadow text-italic q-pl-sm">
{{$t('msg.sottoTitoloApp')}}
</div>
<div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
</div>
<div class="text-subtitle2 shadow text-italic q-pl-sm">
{{$t('msg.sottoTitoloApp3')}}
</div>
<div class="text-subtitle3 shadow text-italic q-pl-sm "> <div class="text-subtitle3 shadow text-italic q-pl-sm ">
{{$t('msg.sottoTitoloApp4')}} {{$t('msg.sottoTitoloApp4')}}
</div> </div>
<div v-if="isInCostruction" style="margin: 5px;">
<q-banner
rounded
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{$t('msg.underconstruction')}}</span>
</q-banner>
<br>
</div>
<div v-else>
<div v-if="!isLogged" style="margin: 5px; padding: 5px;" class="home">
<q-btn rounded size="lg" color="primary" @click="PagLogin"
class="btn-start">
{{$t('login.enter')}}
</q-btn>
<q-btn rounded size="lg" color="positive" @click="PagReg"
class="btn-start">
{{$t('reg.submit')}}
</q-btn>
</div>
</div>
<div v-if="isLogged">
<div>
<!--<q-field-->
<!--v-if="getPermission() === 'granted'"-->
<!--icon="notifications"-->
<!--class="shadow"-->
<!--:label="$t('notification.titlegranted')"-->
<!--:helper="$t('notification.statusnot')">-->
<!--</q-field>-->
<q-field
v-if="NotServiceWorker()"
class="shadow"
icon="notifications"
label="Service Worker not present"
>
</q-field>
</div>
<div>
<q-btn v-if="getPermission() !== 'granted'"
class="enable-notifications shadow"
color="primary" rounded
size="md"
icon="notifications" @click="askfornotification"
:label="$t('notification.ask')"/>
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
</div>
</div>
<!-- <div class="q-pt-md q-pl-sm">
<q-btn> <div class="text-body2">Ver. {{getenv('APP_VERSION')}}</div>
</div>
Canale Telegram: <a href="https://t.me/freeplanet_channel" target="_blank"
style="color: white;">
<q-icon class="fab fa-telegram" size="2rem"/>
</a>
</q-btn>
-->
<div v-if="isInCostruction" style="margin: 5px;">
<q-banner
type="info"
class="q-mb-sm">
{{$t('msg.underconstruction')}}
</q-banner>
<br>
</div>
<div v-else>
<div v-if="!isLogged" style="margin: 5px; padding: 5px;" class="home">
<q-btn rounded size="lg" color="primary" @click="PagLogin"
class="btn-start">
{{$t('login.enter')}}
</q-btn>
<q-btn rounded size="lg" color="positive" @click="PagReg" class="btn-start">
{{$t('reg.submit')}}
</q-btn>
</div> </div>
</div> </div>
<div v-if="isLogged">
<div>
<!--<q-field-->
<!--v-if="getPermission() === 'granted'"-->
<!--icon="notifications"-->
<!--class="shadow"-->
<!--:label="$t('notification.titlegranted')"-->
<!--:helper="$t('notification.statusnot')">-->
<!--</q-field>-->
<q-field
v-if="NotServiceWorker()"
class="shadow"
icon="notifications"
label="Service Worker not present"
>
</q-field>
</div>
<div>
<q-btn v-if="getPermission() !== 'granted'"
class="enable-notifications shadow"
color="primary" rounded
size="md"
icon="notifications" @click="askfornotification"
:label="$t('notification.ask')"/>
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
</div>
</div>
<div class="q-pt-md q-pl-sm">
<div class="text-body2">Ver. {{getenv('APP_VERSION')}}</div>
</div>
</div> </div>
</div> <div class="landing__arrow absolute-bottom text-center">
</div> <i aria-hidden="true" class="q-icon text-h2 text-white material-icons">expand_more</i>
<div class="landing__arrow absolute-bottom text-center"> </div>
<i aria-hidden="true" class="q-icon text-h2 text-white material-icons">expand_more</i> </q-carousel-slide>
</div> <q-carousel-slide name="second" class="homep-cover-img-2">
<div class="landing__header"></div>
<div class="landing__hero-content row justify-center q-gutter-xs clgutter">
<div class="row">
<logo></logo>
</div>
<div class="flex justify-end">
<div class="q-gutter-xs testo-banda clgutter">
<div class="text-h1 shadow-max">FreePlanet</div>
<div class="text-subtitle1 shadow text-italic q-pl-sm">
{{$t('msg.sottoTitoloApp')}}
</div>
<div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
</div>
<div class="text-subtitle2 shadow text-italic q-pl-sm">
{{$t('msg.sottoTitoloApp3')}}
</div>
<div class="text-subtitle3 shadow text-italic q-pl-sm ">
{{$t('msg.sottoTitoloApp4')}}
</div>
<div v-if="isInCostruction" style="margin: 5px;">
<q-banner
rounded
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{$t('msg.underconstruction')}}</span>
</q-banner>
<br>
</div>
<div v-else>
<div v-if="!isLogged" style="margin: 5px; padding: 5px;" class="home">
<q-btn rounded size="lg" color="primary" @click="PagLogin"
class="btn-start">
{{$t('login.enter')}}
</q-btn>
<q-btn rounded size="lg" color="positive" @click="PagReg"
class="btn-start">
{{$t('reg.submit')}}
</q-btn>
</div>
</div>
<div v-if="isLogged">
<div>
<!--<q-field-->
<!--v-if="getPermission() === 'granted'"-->
<!--icon="notifications"-->
<!--class="shadow"-->
<!--:label="$t('notification.titlegranted')"-->
<!--:helper="$t('notification.statusnot')">-->
<!--</q-field>-->
<q-field
v-if="NotServiceWorker()"
class="shadow"
icon="notifications"
label="Service Worker not present"
>
</q-field>
</div>
<div>
<q-btn v-if="getPermission() !== 'granted'"
class="enable-notifications shadow"
color="primary" rounded
size="md"
icon="notifications" @click="askfornotification"
:label="$t('notification.ask')"/>
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
</div>
</div>
<div class="q-pt-md q-pl-sm">
<div class="text-body2">Ver. {{getenv('APP_VERSION')}}</div>
</div>
</div>
</div>
</div>
<div class="landing__arrow absolute-bottom text-center">
<i aria-hidden="true" class="q-icon text-h2 text-white material-icons">expand_more</i>
</div>
<!--<div class="absolute-bottom custom-caption">-->
<!--<div class="text-h2">Second stop</div>-->
<!--<div class="text-subtitle1">Famous City</div>-->
<!--</div>-->
</q-carousel-slide>
<q-carousel-slide name="third" class="homep-cover-img-3">
<div class="landing__header"></div>
<div class="landing__hero-content row justify-center q-gutter-xs clgutter">
<div class="row">
<logo></logo>
</div>
<div class="flex justify-end">
<div class="q-gutter-xs testo-banda clgutter">
<div class="text-h1 shadow-max">FreePlanet</div>
<div class="text-subtitle1 shadow text-italic q-pl-sm">
{{$t('msg.sottoTitoloApp')}}
</div>
<div class="text-subtitle1 shadow-max big text-italic q-pl-sm"><strong>{{$t('msg.sottoTitoloApp2')}}</strong>
</div>
<div class="text-subtitle2 shadow text-italic q-pl-sm">
{{$t('msg.sottoTitoloApp3')}}
</div>
<div class="text-subtitle3 shadow text-italic q-pl-sm ">
{{$t('msg.sottoTitoloApp4')}}
</div>
<div v-if="isInCostruction" style="margin: 5px;">
<q-banner
rounded
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{$t('msg.underconstruction')}}</span>
</q-banner>
<br>
</div>
<div v-else>
<div v-if="!isLogged" style="margin: 5px; padding: 5px;" class="home">
<q-btn rounded size="lg" color="primary" @click="PagLogin"
class="btn-start">
{{$t('login.enter')}}
</q-btn>
<q-btn rounded size="lg" color="positive" @click="PagReg"
class="btn-start">
{{$t('reg.submit')}}
</q-btn>
</div>
</div>
<div v-if="isLogged">
<div>
<!--<q-field-->
<!--v-if="getPermission() === 'granted'"-->
<!--icon="notifications"-->
<!--class="shadow"-->
<!--:label="$t('notification.titlegranted')"-->
<!--:helper="$t('notification.statusnot')">-->
<!--</q-field>-->
<q-field
v-if="NotServiceWorker()"
class="shadow"
icon="notifications"
label="Service Worker not present"
>
</q-field>
</div>
<div>
<q-btn v-if="getPermission() !== 'granted'"
class="enable-notifications shadow"
color="primary" rounded
size="md"
icon="notifications" @click="askfornotification"
:label="$t('notification.ask')"/>
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>-->
<!--<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>-->
</div>
</div>
<div class="q-pt-md q-pl-sm">
<div class="text-body2">Ver. {{getenv('APP_VERSION')}}</div>
</div>
</div>
</div>
</div>
<div class="landing__arrow absolute-bottom text-center">
<i aria-hidden="true" class="q-icon text-h2 text-white material-icons">expand_more</i>
</div>
<!--<div class="absolute-bottom custom-caption">-->
<!--<div class="text-h2">Third stop</div>-->
<!--<div class="text-subtitle1">Famous Bridge</div>-->
<!--</div>-->
</q-carousel-slide>
</q-carousel>
</div> </div>
</section> </section>
@@ -126,7 +315,7 @@
</div> </div>
<div class="col-12 col-sm-5"> <div class="col-12 col-sm-5">
<div class="feature-item"><i aria-hidden="true" <div class="feature-item"><i aria-hidden="true"
class="q-icon fas fa-apple-alt"> </i><h4> class="q-icon fas fa-apple-alt"> </i><h4>
{{$t('homepage.freegas.title')}}</h4> {{$t('homepage.freegas.title')}}</h4>
<p class="feat-descr" v-html="$t('homepage.freegas.descr')"></p></div> <p class="feat-descr" v-html="$t('homepage.freegas.descr')"></p></div>
</div> </div>
@@ -177,10 +366,10 @@
<div class="text-center"> <div class="text-center">
<div class="landing__footer-icons row flex-center"> <div class="landing__footer-icons row flex-center">
<a href="https://www.facebook.com/freeplanetapp" target="_blank"> <a href="https://www.facebook.com/freeplanetapp" target="_blank">
<i aria-hidden="true" class="q-icon fab fa-facebook-f"> </i></a> <i aria-hidden="true" class="q-icon fab fa-facebook-f icon_contact"> </i></a>
<a :href="TelegramSupport" target="_blank"> <a :href="TelegramSupport" target="_blank">
<i aria-hidden="true" class="q-icon fab fa-telegram"></i></a> <i aria-hidden="true" class="q-icon fab fa-telegram icon_contact"></i></a>
<!--<a href="" target="_blank"><i aria-hidden="true" class="q-icon fab fa-github"> </i></a>--> <!--<a href="" target="_blank"><i aria-hidden="true" class="q-icon fab fa-github"> </i></a>-->
@@ -193,10 +382,12 @@
<!--class="q-icon fab fa-patreon"> </i></a>--> <!--class="q-icon fab fa-patreon"> </i></a>-->
</div> </div>
<div class="q-mt-md">Released under the <div class="q-mt-xs text-weight-thin" style="text-shadow: 4px 4px 8px #555;">
Contacts
<!--Released under the-->
<!--<a href="https://github.com/quasarframework/quasar/blob/dev/LICENSE" target="_blank"--> <!--<a href="https://github.com/quasarframework/quasar/blob/dev/LICENSE" target="_blank"-->
<!--rel="noopener noreferrer" class="doc-link">--> <!--rel="noopener noreferrer" class="doc-link">-->
MIT LICENSE <!--MIT LICENSE-->
<!--<i aria-hidden="true"--> <!--<i aria-hidden="true"-->
<!--class="q-icon material-icons">launch</i></a>--> <!--class="q-icon material-icons">launch</i></a>-->
<!--| <a href="https://www.iubenda.com/privacy-policy/40685560" target="_blank"--> <!--| <a href="https://www.iubenda.com/privacy-policy/40685560" target="_blank"-->
@@ -206,7 +397,6 @@
</div> </div>
</section> </section>
</div> </div>
</q-page> </q-page>

2
src/statics/i18n.js
View File

@@ -474,7 +474,7 @@ const messages = {
msg: { msg: {
hello: 'Hello!', hello: 'Hello!',
myAppName: 'FreePlanet', myAppName: 'FreePlanet',
underconstruction: 'App in constuction...', underconstruction: 'App in construction...',
myDescriz: '', myDescriz: '',
sottoTitoloApp: 'The first Real Social', sottoTitoloApp: 'The first Real Social',
sottoTitoloApp2: 'Free, Fair and solidarity', sottoTitoloApp2: 'Free, Fair and solidarity',

BIN
src/statics/images/mountains.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 154 KiB

14
src/views/login/requestresetpwd.vue
View File

@@ -2,8 +2,11 @@
<div class="mypanel"> <div class="mypanel">
<div v-if="!emailinviata"> <div v-if="!emailinviata">
<q-banner color="primary q-title" style="text-align: center;"> <q-banner
{{ $t('reset.title_reset_pwd')}} rounded
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{ $t('reset.title_reset_pwd')}}</span>
</q-banner> </q-banner>
<br> <br>
@@ -30,8 +33,11 @@
</div> </div>
<div v-else> <div v-else>
<q-banner color="primary q-title" style="text-align: center;"> <q-banner
{{ $t('reset.email_sent')}} rounded
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{ $t('reset.email_sent')}}</span>
</q-banner> </q-banner>
<br> <br>

14
src/views/login/updatepassword.vue
View File

@@ -2,8 +2,11 @@
<div class="mypanel"> <div class="mypanel">
<div v-if="!emailinviata"> <div v-if="!emailinviata">
<q-banner color="primary q-title" style="text-align: center;"> <q-banner
{{ $t('reset.title_update_pwd')}} rounded
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{ $t('reset.title_update_pwd')}}</span>
</q-banner> </q-banner>
<br> <br>
@@ -41,8 +44,11 @@
</div> </div>
<div v-else> <div v-else>
<q-banner color="primary q-title" style="text-align: center;"> <q-banner
{{ $t('reset.email_sent')}} rounded
class="bg-primary text-white"
style="text-align: center;">
<span class="mybanner">{{ $t('reset.email_sent')}}</span>
</q-banner> </q-banner>
<br> <br>

5
src/views/login/vreg/vreg.scss
View File

@@ -4,8 +4,3 @@
} }
.mybanner {
font-weight: bold;
font-size: 1.1rem;
text-align: center;
}

2
src/views/login/vreg/vreg.vue
View File

@@ -6,7 +6,7 @@
class="bg-primary text-white" class="bg-primary text-white"
color="primary q-title" color="primary q-title"
style="text-align: center;"> style="text-align: center;">
{{ $t('reg.title_verif_reg')}} <span class="mybanner">{{ $t('reg.title_verif_reg')}}</span>
</q-banner> </q-banner>
<br> <br>