PASSAGGIO A VITE !

AGG. 1.1.23

src/components/CFundRaising/CFundRaising.scss

@@ -2,12 +2,6 @@ li {
   color: darkgreen !important;
 }
 
-.testo-banda {
-  //background: -webkit-gradient(linear, left top, left bottom, from(#3144f0), to(transparent));
-  //background: linear-gradient(180deg, #3144f0, transparent);
-  //background: rgba(0, 0, 0, .6)
-}
-
 $grayshadow: #555;
 
 $textcol: blue;
@@ -26,24 +20,11 @@ h4 {
   visibility: hidden;
 }
 
-.landing {
-}
-
 .landing_background {
   background: #000 url(../../../public/images/foto1.jpg) no-repeat 50% fixed;
   background-size: cover
 }
 
-.landing > section {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  //padding: 0 16px
-}
-
 .intro {
   display: flex;
   justify-content: space-between;
@@ -64,7 +45,7 @@ h4 {
     min-width: 350px;
   }
 
-  &__comeassociarsi{
+  &__comeassociarsi {
     min-width: 350px;
   }
 }
@@ -77,21 +58,21 @@ h4 {
   font-size: 1rem;
 }
 
-.landing > section.padding {
+.landing>section.padding {
   padding: 5.62rem 1rem;
 }
 
-.landing > section.padding_testo {
+.landing>section.padding_testo {
   padding-top: 1.25rem;
   padding-bottom: 1rem;
 }
 
-.landing > section.padding_gallery {
+.landing>section.padding_gallery {
   padding-top: 3.125rem;
   padding-bottom: 5.625rem;
 }
 
-.landing > section > div {
+.landing>section>div {
   position: relative;
   max-width: 1240px;
   width: 100%
@@ -144,7 +125,8 @@ h4 {
   text-shadow: .25rem .25rem .5rem $grayshadow;
 }
 
-.landing__features h4, .landing__features h6 {
+.landing__features h4,
+.landing__features h6 {
   margin: 1rem 0
 }
 
@@ -178,12 +160,6 @@ h4 {
   opacity: .8
 }
 
-.landing__swirl-bg {
-  background-repeat: no-repeat !important;
-  background-position: top;
-  background-size: contain !important;
-  background-image: url(../../../public/images/landing_first_section.png) !important
-}
 
 .feat-descr {
   font-size: 1.15rem;
@@ -199,10 +175,6 @@ h4 {
   //margin-left: -48px
 }
 
-body.mobile .landing {
-  //background: unset
-}
-
 body.mobile .landing:before {
   content: "";
   position: fixed;
@@ -275,7 +247,7 @@ body.mobile .landing:before {
   font-weight: 700;
 }
 
-.text-vers{
+.text-vers {
   font-size: 0.75rem;
   font-weight: 400;
   line-height: 1.75rem;
@@ -324,7 +296,8 @@ body.mobile .landing:before {
 
 .mylist {
   padding: 0.75rem;
-  border-radius: 16px; border: 2px solid #00f7ff;
+  border-radius: 16px;
+  border: 2px solid #00f7ff;
 }
 
 .clgutter {
@@ -346,34 +319,38 @@ body.mobile .landing:before {
   .landing__hero {
     text-align: center
   }
+
   .landing__header {
     height: 2vh
   }
+
   .clgutter {
     margin-top: 0;
     padding: 0;
   }
+
   .landing__hero .text-h1 {
     font-size: 3rem;
     line-height: 3.05rem;
     margin-bottom: 1.5rem
   }
 
-  .landing > section.padding {
+  .landing>section.padding {
     padding: 2.5rem 1rem;
   }
 
-  .landing > section.padding_testo {
+  .landing>section.padding_testo {
     padding-top: 1.25rem;
     padding-bottom: 1rem;
   }
 
-  .landing > section.padding_gallery {
+  .landing>section.padding_gallery {
     padding-top: 3.125rem;
     padding-bottom: 5.625rem;
   }
 
-  .landing__features h4, .landing__features h6 {
+  .landing__features h4,
+  .landing__features h6 {
     margin: 1.25rem 0
   }
 
@@ -386,9 +363,11 @@ body.mobile .landing:before {
     text-align: center;
     margin-top: 1.25rem;
   }
+
   .landing__hero-content {
     padding-bottom: 3.5rem;
   }
+
   .landing__hero-btns {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
@@ -402,7 +381,8 @@ body.mobile .landing:before {
   .text-subtitle1 {
     font-size: 1.25rem;
   }
-  .text-vers{
+
+  .text-vers {
     font-size: 0.6rem;
   }
 
@@ -444,6 +424,7 @@ body.mobile .landing:before {
 li {
   color: white !important;
   font-size: 18px;
+
   @media (max-width: 600px) {
     font-size: 1rem;
   }
@@ -457,7 +438,8 @@ ul li::before {
   width: 1em;
   margin-left: 20px;
   margin-right: 5px;
+
   @media (max-width: 600px) {
     margin-left: 5px;
   }
-}
+}

src/components/CFundRaising/CFundRaising.ts

@@ -1,15 +1,15 @@
 import { defineComponent, ref, computed, PropType, toRef, onMounted, onBeforeUnmount } from 'vue'
 import { useGlobalStore } from '@store/globalStore'
-import { useI18n } from '@/boot/i18n'
-import { tools } from '@store/Modules/tools'
-import { LandingFooter } from '@/components/LandingFooter'
-import { Logo } from '@/components/logo'
-import { IMyPage } from 'model'
+import { useI18n } from 'vue-i18n'
+import { tools } from '@tools'
+import { LandingFooter } from '@src/components/LandingFooter'
+import { Logo } from '@src/components/logo'
+import type { IMyPage } from 'model'
 
 
 export default defineComponent({
   name: 'CFundRaising',
-  components: {Logo, LandingFooter},
+  components: { Logo, LandingFooter },
   props: {},
   setup() {
     const { t } = useI18n();