FIX: DevicePreview overlay font

This commit is contained in:
Robert Kossessa
2024-05-28 12:19:39 +02:00
parent 285a836469
commit ad44f51979

View File

@@ -53,16 +53,14 @@
v-if="deviceStore.connected" v-if="deviceStore.connected"
class="absolute flex scale-[80%] flex-col items-center pb-2 text-center opacity-90 mix-blend-screen" class="absolute flex scale-[80%] flex-col items-center pb-2 text-center opacity-90 mix-blend-screen"
> >
<div class="relative"> <h2 class="font-pixellg relative mx-0 my-auto text-center text-[34pt] leading-none">
<h2 class="font-pixellg text-[34pt] leading-none"> {{ deviceStore.position }}
{{ deviceStore.position }}
</h2>
<h2 <h2
class="font-pixellg-overlay absolute top-0 hidden text-[34pt] leading-none text-[#888888]" class="font-pixellg-overlay absolute top-0 w-full text-[34pt] leading-none text-[#888888]"
> >
{{ deviceStore.position }} {{ deviceStore.position }}
</h2> </h2>
</div> </h2>
<div class="font-pixellg text-[8pt] text-[#c66936]"> <div class="font-pixellg text-[8pt] text-[#c66936]">
{{ deviceStore.currentProfileName?.toUpperCase() }} {{ deviceStore.currentProfileName?.toUpperCase() }}
</div> </div>