5d6c322129
Sheets via neuer KeyboardAwareSheet-Composable (in Modal pattern, auto-grow mit Tastatur, paddingBottom-Lift): EditMail, AddDomain, CreateRoom, ConnectMail. GameOverScreen behält Spring-Slide-In, nutzt RN Keyboard.addListener für Lift. - KeyboardAwareSheet.tsx — universal modal with sheet-grow + keyboard-padding - react-native-keyboard-controller installiert + KeyboardProvider in Root - Snake: time + ScoreProgressBar + useSnakeSounds (haptic, audio TODO) - Tetris: title weg, Buttons zentriert, kein Pressable mit style-fn - DPad-Buttons 60→48, more bg, no scale - useMe: pub-sub listener pattern für app-weite avatar/nickname-Updates - dm.tsx: resolveAvatar wrap (iron.png-Warning) - Mail-error-humanizer + locales Recovery-Doc-Update in docs/internal/RECOVERY_LOG_2026-05-10.md Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
27 lines
915 B
Vue
27 lines
915 B
Vue
<template>
|
|
<div class="rounded-2xl border border-default p-6" :class="bg">
|
|
<div class="flex items-start justify-between mb-3">
|
|
<div class="w-10 h-10 rounded-xl flex items-center justify-center" :class="bg.replace('/30', '/50')">
|
|
<UIcon :name="icon" :class="[color, 'text-xl']" />
|
|
</div>
|
|
<span class="text-xs font-bold px-2 py-1 rounded-full"
|
|
:class="badge === 'Premium' ? 'bg-primary-900/60 text-primary-300' : 'bg-green-900/60 text-green-300'">
|
|
{{ badge }}
|
|
</span>
|
|
</div>
|
|
<h3 class="font-bold text-highlighted mb-2">{{ title }}</h3>
|
|
<p class="text-sm text-muted leading-relaxed">{{ desc }}</p>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{
|
|
icon: string;
|
|
color: string;
|
|
bg: string;
|
|
badge: string;
|
|
title: string;
|
|
desc: string;
|
|
}>();
|
|
</script>
|