upgrade to tamagui v2 and guest pwa overhaul
This commit is contained in:
@@ -285,15 +285,15 @@ export default function MobileEventLiveShowSettingsPage() {
|
||||
</XStack>
|
||||
|
||||
{loading ? (
|
||||
<YStack space="$2">
|
||||
<YStack gap="$2">
|
||||
{Array.from({ length: 3 }).map((_, idx) => (
|
||||
<SkeletonCard key={`ls-skel-${idx}`} height={110} />
|
||||
))}
|
||||
</YStack>
|
||||
) : (
|
||||
<YStack space="$2">
|
||||
<MobileCard space="$2">
|
||||
<XStack alignItems="center" space="$2">
|
||||
<YStack gap="$2">
|
||||
<MobileCard gap="$2">
|
||||
<XStack alignItems="center" gap="$2">
|
||||
<Link2 size={18} color={text} />
|
||||
<Text fontSize="$md" fontWeight="800" color={text}>
|
||||
{t('liveShowSettings.link.title', 'Live Show link')}
|
||||
@@ -313,7 +313,7 @@ export default function MobileEventLiveShowSettingsPage() {
|
||||
{t('liveShowSettings.link.empty', 'No Live Show link available.')}
|
||||
</Text>
|
||||
)}
|
||||
<XStack space="$2" marginTop="$2" alignItems="center" flexWrap="nowrap">
|
||||
<XStack gap="$2" marginTop="$2" alignItems="center" flexWrap="nowrap">
|
||||
<IconAction
|
||||
label={t('liveShowSettings.link.copy', 'Copy')}
|
||||
disabled={!liveShowLink?.url}
|
||||
@@ -344,7 +344,7 @@ export default function MobileEventLiveShowSettingsPage() {
|
||||
</IconAction>
|
||||
</XStack>
|
||||
{liveShowLink?.qr_code_data_url ? (
|
||||
<XStack space="$2" alignItems="center" marginTop="$2" flexWrap="wrap">
|
||||
<XStack gap="$2" alignItems="center" marginTop="$2" flexWrap="wrap">
|
||||
<Pressable
|
||||
onPress={() => downloadQr(liveShowLink.qr_code_data_url!, 'live-show-qr.png')}
|
||||
title={t('liveShowSettings.link.downloadQr', 'Download QR')}
|
||||
@@ -373,8 +373,8 @@ export default function MobileEventLiveShowSettingsPage() {
|
||||
) : null}
|
||||
</MobileCard>
|
||||
|
||||
<MobileCard space="$2">
|
||||
<XStack alignItems="center" space="$2">
|
||||
<MobileCard gap="$2">
|
||||
<XStack alignItems="center" gap="$2">
|
||||
<Settings size={18} color={text} />
|
||||
<Text fontSize="$md" fontWeight="800" color={text}>
|
||||
{t('liveShowSettings.title', 'Live Show settings')}
|
||||
@@ -385,7 +385,7 @@ export default function MobileEventLiveShowSettingsPage() {
|
||||
</Text>
|
||||
</MobileCard>
|
||||
|
||||
<MobileCard space="$3">
|
||||
<MobileCard gap="$3">
|
||||
<Text fontSize="$sm" fontWeight="800" color={text}>
|
||||
{t('liveShowSettings.sections.moderation', 'Moderation')}
|
||||
</Text>
|
||||
@@ -423,7 +423,7 @@ export default function MobileEventLiveShowSettingsPage() {
|
||||
</MobileField>
|
||||
</MobileCard>
|
||||
|
||||
<MobileCard space="$3">
|
||||
<MobileCard gap="$3">
|
||||
<Text fontSize="$sm" fontWeight="800" color={text}>
|
||||
{t('liveShowSettings.sections.playback', 'Playback')}
|
||||
</Text>
|
||||
@@ -478,7 +478,7 @@ export default function MobileEventLiveShowSettingsPage() {
|
||||
) : null}
|
||||
</MobileCard>
|
||||
|
||||
<MobileCard space="$3">
|
||||
<MobileCard gap="$3">
|
||||
<Text fontSize="$sm" fontWeight="800" color={text}>
|
||||
{t('liveShowSettings.sections.effects', 'Effects & layout')}
|
||||
</Text>
|
||||
@@ -661,7 +661,7 @@ function EffectSlider({
|
||||
const { text, muted, primary, border, surface } = useAdminTheme();
|
||||
|
||||
return (
|
||||
<YStack space="$1.5">
|
||||
<YStack gap="$1.5">
|
||||
<XStack alignItems="center" justifyContent="space-between">
|
||||
<Text fontSize="$sm" fontWeight="700" color={text}>
|
||||
{label}
|
||||
|
||||
Reference in New Issue
Block a user