follow finder and cuted text

Author: jankulma

public/css/frontend.css

@@ -13347,7 +13347,6 @@ footer a:hover {
 
 #projects .project .swiper-container .swiper-wrapper .swiper-slide p {
   text-align: justify;
-  width: calc((1800 / 1125) * 75vh);
   max-height: 60vh;
   overflow: scroll;
   overflow-x: hidden;
@@ -13356,12 +13355,7 @@ footer a:hover {
 @media (min-width: 576px) {
   #projects .project .swiper-container .swiper-wrapper .swiper-slide p {
     max-height: 75vh;
-  }
-}
-
-@media screen and (max-height: 400px) {
-  #projects .project .swiper-container .swiper-wrapper .swiper-slide p {
-    margin: 2rem 0;
+    width: calc((1800 / 1125) * 75vh);
   }
 }
 

public/js/app.js

@@ -42,8 +42,7 @@
 			return {
 				swiperOptions: {
 					speed: 1000,
-					spaceBetween: 50,
-					followFinger: false
+					spaceBetween: 50
 				},
 				currentImage: 0
 			}

resources/assets/js/components/frontend/ProjectItem.vue

@@ -25,8 +25,7 @@
 			return {
 				swiperOptions: {
 					direction: 'vertical',
-					speed: 1000,
-					followFinger: false
+					speed: 1000
 				},
 				projects: [],
 				locale: '',

resources/assets/js/components/frontend/Projects.vue

@@ -185,10 +185,11 @@ footer {
 						text-align: justify;
 
 						// description width equals to horizontal image width
-						width: calc((1800 / 1125) * 75vh);
 						max-height: 60vh;
-						@include media-breakpoint-up(sm) { max-height: 75vh };
-						@media screen and (max-height: 400px) { margin: 2rem 0; }
+						@include media-breakpoint-up(sm) {
+							max-height: 75vh;
+							width: calc((1800 / 1125) * 75vh);
+						};
 
 						overflow: scroll;
 						overflow-x: hidden;