feat: make unsupported devices warning more obvious

master
Katja Lutz 2 years ago
parent 39a72b6670
commit b54bb7c1b9

@ -958,8 +958,12 @@ const WelcomeModal: Component = (props) => {
<LaunchIcon />
Loslegen
</button>
<div class="w-full text-sm lg:hidden bg-error bg-opacity-50 ring-2 ring-offset-2 ring-error text-error-content rounded p-3 shadow-2xl flex items-center justify-center gap-3">
<WarningIcon /> Bitte verwende einen Laptop oder Computer!
<div
style={{ animation: "bounce 1.5s infinite;" }}
class="animate-bounce w-full text-sm font-bold lg:hidden bg-red-300 ring-2 ring-offset-2 ring-error text-error-content rounded p-3 shadow-2xl flex items-center justify-center gap-3"
>
<WarningIcon /> Bitte verwende einen Laptop oder Computer mit einer
Mindestbreite von 1024 Pixel!
</div>
</div>
<a

Loading…
Cancel
Save