From 8b06896b44caec2fbba1ec2f22569fa01b8cc18f Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Tue, 29 Sep 2026 11:06:26 +0200
Subject: [PATCH] fix(falukant): avoid WebGL previews in house list

---
 frontend/src/views/falukant/HouseView.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/frontend/src/views/falukant/HouseView.vue b/frontend/src/views/falukant/HouseView.vue
index ac765d9..8eccb66 100755
--- a/frontend/src/views/falukant/HouseView.vue
+++ b/frontend/src/views/falukant/HouseView.vue
@@ -133,12 +133,7 @@
             <h3>{{ $t('falukant.house.buyablehouses') }}</h3>
             <div class="houses-list">
                 <div v-for="house in buyableHouses" :key="house.id" class="house-item">
-                    <House3D
-                        v-if="house.houseType?.labelTr"
-                        class="house-preview"
-                        :model="houseModel(house.houseType)"
-                        :label="$t(`falukant.house.type.${house.houseType.labelTr}`)"
-                    />
+                    <div class="house-preview house-preview--static" aria-hidden="true">⌂</div>
                     <div class="house-info">
                         <h4>{{ $t(`falukant.house.type.${house.houseType.labelTr}`) }}</h4>
                         <div class="buyable-house-stats">
@@ -599,6 +594,16 @@ h2 {
     border-radius: 4px;
 }
 
+.house-preview--static {
+    display: grid;
+    place-items: center;
+    color: #75553d;
+    background: linear-gradient(145deg, #f6ecd9, #dbc19a);
+    border: 1px solid rgba(117, 85, 61, 0.25);
+    font-size: 4rem;
+    line-height: 1;
+}
+
 .house-info {
     width: 100%;
     display: flex;