fix(falukant): avoid WebGL previews in house list
All checks were successful
Deploy to production / deploy (push) Successful in 2m1s

This commit is contained in:
Torsten Schulz (local)
2026-09-29 11:06:26 +02:00
parent 55d41c01fd
commit 8b06896b44

View File

@@ -133,12 +133,7 @@
<h3>{{ $t('falukant.house.buyablehouses') }}</h3> <h3>{{ $t('falukant.house.buyablehouses') }}</h3>
<div class="houses-list"> <div class="houses-list">
<div v-for="house in buyableHouses" :key="house.id" class="house-item"> <div v-for="house in buyableHouses" :key="house.id" class="house-item">
<House3D <div class="house-preview house-preview--static" aria-hidden="true">⌂</div>
v-if="house.houseType?.labelTr"
class="house-preview"
:model="houseModel(house.houseType)"
:label="$t(`falukant.house.type.${house.houseType.labelTr}`)"
/>
<div class="house-info"> <div class="house-info">
<h4>{{ $t(`falukant.house.type.${house.houseType.labelTr}`) }}</h4> <h4>{{ $t(`falukant.house.type.${house.houseType.labelTr}`) }}</h4>
<div class="buyable-house-stats"> <div class="buyable-house-stats">
@@ -599,6 +594,16 @@ h2 {
border-radius: 4px; 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 { .house-info {
width: 100%; width: 100%;
display: flex; display: flex;