workflow: reset feature/search-page-improvement branch

src/components/globals/BaseLoadingPlaceholder.vue

@@ -1,11 +1,10 @@
 <template functional>
 	<div
-		:id="props.id"
 		class="flex justify-center items-center flex-col flex-1 h-full"
 		:class="props.additionalClasses"
 		v-show="!props.hidden"
 	>
-		<span class="mb-5">{{ props.text }}</span>
+		<span class="mb-5">{{ props.text || 'Loading...' }}</span>
 
 		<div class="lds-ring">
 			<div></div>
@@ -60,27 +59,3 @@
 }
 </style>
 
-<script>
-export default {
-	props: {
-		text: {
-			type: String,
-			required: false,
-			default: 'Loading...'
-		},
-		id: {
-			type: String,
-			required: false
-		},
-		hidden: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		additionalClasses: {
-			type: String,
-			required: false
-		}
-	}
-}
-</script>

src/components/globals/TheQualityModal.vue

@@ -23,8 +23,6 @@
 	</div>
 </template>
 <style lang="scss">
-@import '../../styles/scss/base/_variables.scss';
-
 .smallmodal {
 	position: fixed;
 	z-index: 1250;
@@ -47,11 +45,11 @@
 	top: 50%;
 	transform: translateY(-50%);
 
-	@media only screen and (min-width: $small) {
+	@media only screen and (min-width: 601px) {
 		--modal-content-width: 85%;
 	}
 
-	@media only screen and (min-width: $medium) {
+	@media only screen and (min-width: 993px) {
 		--modal-content-width: 70%;
 	}
 }