fix

Libertai · Jul 4, 2024 · 5b5bc81 · 5b5bc81
1 parent 0cccf3f
commit 5b5bc81
Showing 1 changed file with 12 additions and 13 deletions.
diff --git a/src/pages/Home/YouAreInControlOfYourDataSection.vue b/src/pages/Home/YouAreInControlOfYourDataSection.vue
@@ -15,15 +15,17 @@
 					@mouseleave="handleMouseLeave"
 				>
 					<img alt="container" class="rounded-3xl" src="../../assets/home/shield_container.png" />
-					<img
-						v-for="(shieldRef, index) in shieldRefs"
-						:key="index"
-						:ref="setShieldRef(index)"
-						:style="getShieldStyle(index)"
-						class="shield-image absolute inset-0"
-						alt="shield"
-						src="../../assets/home/shield.png"
-					/>
+					<div>
+						<img
+							v-for="(_shieldRef, index) in shieldRefs"
+							:key="index"
+							:_ref="setShieldRef(index)"
+							:style="getShieldStyle(index)"
+							class="shield-image absolute inset-0"
+							alt="shield"
+							src="../../assets/home/shield.png"
+						/>
+					</div>
 				</div>
 			</div>
 		</div>
@@ -35,10 +37,7 @@ import { ref, onMounted, onUnmounted, Ref } from "vue";
 import LTinyHeading from "../../components/LTinyHeading.vue";
 
 interface ShieldRef extends HTMLElement {
-	style?: {
-		transform: string;
-		opacity: string;
-	};
+	style: CSSStyleDeclaration;
 }
 
 export default {