Setted secondary font type

NoxLP · Mar 19, 2021 · e517d2f · e517d2f
1 parent b1f878f
commit e517d2f
Show file tree

Hide file tree

Showing 6 changed files with 59 additions and 23 deletions.
diff --git a/src/components/Timeslide.vue b/src/components/Timeslide.vue
@@ -70,7 +70,7 @@
           :key="idx"
           dark
           color="hsl(255, 63%, 8%)"
-          class="ml-0 pl-0"
+          class="ml-0 pl-0 font-hind text-capitalize"
         >
           <template v-slot:icon>
             <v-avatar>
@@ -260,13 +260,13 @@ export default {
     },
     categoriesOnChange: async function() {
       console.log('categoriesOnChange ', this.model, this.timeLineItems)
-      const limit = 5
+      const limit = 10
       const categoryNumber = this.model
       const currentCategory = CATEGORIES[this.model].name
 
       if (
         !this.timelineBuffer[currentCategory] ||
-        this.timelineBuffer[currentCategory].length < 5
+        this.timelineBuffer[currentCategory].length < limit
       ) {
         console.log('*********** no session: ', this.timelineBuffer)
 
@@ -326,7 +326,9 @@ export default {
 </script>
 
 <style scoped>
-/*timeline divider color*/
+.font-hind {
+  font-family: Hind;
+}
 .theme--dark.v-timeline:before {
   background: #e7c296;
 }

diff --git a/src/views/Event.vue b/src/views/Event.vue
@@ -130,7 +130,10 @@
               </v-row>
             </template>
             <!--TEXTO-->
-            <div class="description text-body-1 text-sm-h5" color="white--text">
+            <div
+              class="description text-body-1 text-sm-h5 font-hind"
+              color="white--text"
+            >
               {{ event.description }}
             </div>
             <!--FOOTER FAV Y PENCIL-->
@@ -233,9 +236,11 @@
                   </h5>
                 </template>
                 <!--TEXTO-->
-                <span style="white-space: pre-line" class="text-left">{{
-                  comment.text
-                }}</span>
+                <span
+                  style="white-space: pre-line"
+                  class="text-left font-hind-comments"
+                  >{{ comment.text }}</span
+                >
                 <!--BOTONES-->
                 <template v-slot:actions>
                   <v-row justify="center" align="center">
@@ -292,9 +297,11 @@
                   </h5>
                 </template>
                 <!--TEXTO-->
-                <span style="white-space: pre-line" class="text-left">{{
-                  reply.text
-                }}</span>
+                <span
+                  style="white-space: pre-line"
+                  class="text-left font-hind-comments"
+                  >{{ reply.text }}</span
+                >
                 <!--BOTONES-->
                 <template v-slot:actions>
                   <v-row justify="end" align="center">
@@ -493,6 +500,13 @@ export default {
 </script>
 
 <style scoped>
+.font-hind {
+  font-family: Hind;
+}
+.font-hind-comments {
+  font-family: Hind;
+  font-size: 18px;
+}
 html {
   height: 100%;
   /*background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);*/

diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -24,7 +24,11 @@
             :key="idx"
             @click="onClickOnCarouselItem(idx)"
           >
-            <v-row class="fill-height" align="center" justify="center">
+            <v-row
+              class="fill-height font-hind"
+              align="center"
+              justify="center"
+            >
               <v-progress-circular
                 v-show="!item.img"
                 indeterminate
@@ -36,16 +40,16 @@
                 class="slide-img"
               >
                 <v-row align="center" justify="start" class="mt-4">
-                  <h1 class="white--text mt-5 ml-10 title-text">
+                  <h1 class="white--text mt-5 ml-10 title-text text-capitalize">
                     {{ $moment(new Date(item.date)).fromNow() }}
                   </h1>
-                  <h1 class="white--text mt-5 ml-10 title-text">
+                  <h1 class="white--text mt-5 ml-10 title-text text-capitalize">
                     {{ item.title }}
                   </h1>
                 </v-row>
                 <v-row align="center" justify="start" height="20">
                   <h3
-                    class="white--text mt-5 ml-10 d-block text-truncate"
+                    class="white--text mt-5 ml-10 d-block text-truncate text-capitalize"
                     style="max-width: 40vw;"
                   >
                     {{ item.description }}
@@ -125,6 +129,9 @@ export default {
 </script>
 
 <style scoped>
+.font-hind {
+  font-family: Hind;
+}
 .Glass {
   /*background: rgba(255, 255, 255, 0.25);*/
   box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37) !important;

diff --git a/src/views/Login.vue b/src/views/Login.vue
@@ -132,6 +132,9 @@ export default {
 </script>
 
 <style scoped>
+.font-hind {
+  font-family: Hind;
+}
 .login-card {
   margin: 6vw 12vw 2vw 12vw !important;
   /* height: 36vh !important; */

diff --git a/src/views/Signup.vue b/src/views/Signup.vue
@@ -155,6 +155,9 @@ export default {
 </script>
 
 <style scoped>
+.font-hind {
+  font-family: Hind;
+}
 .signup-card {
   margin: 6vw 12vw 2vw 12vw !important;
 }

diff --git a/src/views/Userprofile.vue b/src/views/Userprofile.vue
@@ -26,17 +26,21 @@
                   </h1>
                 </v-col>
                 <v-col cols="3">
-                  <h3>
-                    <v-row>
+                  <v-row>
+                    <h3>
                       {{ user.email }}
-                    </v-row>
-                    <v-row>
+                    </h3>
+                  </v-row>
+                  <v-row>
+                    <h3>
                       {{ user.job }}
-                    </v-row>
-                    <v-row>
+                    </h3>
+                  </v-row>
+                  <v-row>
+                    <h3>
                       {{ user.location }}
-                    </v-row>
-                  </h3>
+                    </h3>
+                  </v-row>
                 </v-col>
               </v-row>
             </template>
@@ -225,6 +229,9 @@ export default {
 }
 </script>
 <style scoped>
+.font-hind {
+  font-family: Hind;
+}
 .starchild-text {
   font-family: Julius Sans One;
   font-style: normal;