Some design adjustments

mickael-lalanne · Feb 17, 2024 · a7aec96 · a7aec96
1 parent baf6b6f
commit a7aec96
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 3 deletions.
diff --git a/portfolio/src/components/home/CustomFooter.vue b/portfolio/src/components/home/CustomFooter.vue
@@ -96,4 +96,9 @@ $jumpHeight: -100px;
         left: 100%;
     }
 }
+@media (max-width: 768px) {
+    .cheep-cheep-container img {
+        animation-duration: 5s !important;
+    }
+}
 </style>
diff --git a/portfolio/src/components/projects/ProjectPreview.vue b/portfolio/src/components/projects/ProjectPreview.vue
@@ -184,6 +184,11 @@ export default {
         height: inherit;
     }
 }
+@media (max-width: 1700px) {
+    .project-preview-container {
+        height: unset;
+    }
+}
 </style>
 
 <style lang="scss">

diff --git a/portfolio/src/components/projects/ProjectsSection.vue b/portfolio/src/components/projects/ProjectsSection.vue
@@ -551,9 +551,11 @@ $arrow-separator-height: 100px;
     .pagination-btn {
         display: none;
     }
+    .mario-walking-content {
+        animation-duration: 2s !important;
+    }
 }
 @media (max-width: 1700px) {
-    
     .all-projects-container {
         height: unset;
     }

diff --git a/portfolio/src/components/shared/GlitchText.vue b/portfolio/src/components/shared/GlitchText.vue
@@ -1,7 +1,7 @@
 <template>
-    <div class="container" :style="`--content-var: '${text}';`">
+    <div class="container" :style="`--content-var: '${text.toUpperCase()}';`">
         <div class="content">
-            {{ text }}
+            {{ text.toUpperCase() }}
         </div>
     </div>
 </template>