5a2f4508eb
- Pages: Updated padding (p-6 → p-8) and spacing (space-y-6 → space-y-8, gap-6 → gap-8) for 8px grid alignment - LivePage, SocialPage, EducationPage, QueuePage, DeveloperPage, SettingsPage - Views: Updated spacing and removed decorative effects - ProfileView: Removed decorative hover scale (group-hover:scale-105), replaced decorative gradient with solid color (bg-gradient-to-r → bg-kodo-ink), updated spacing - CheckoutView, FileDetailsView, AnalyticsView, GearView, DiscoverView, StudioView, SearchPageView, EducationView, CartView: Updated spacing (space-y-6 → space-y-8, gap-6 → gap-8, p-6 → p-8) - Action 11.5.1.5: Apply direction to all pages - Batch 2 complete (6 pages + 10 views = 16 files)
46 lines
1.7 KiB
TypeScript
46 lines
1.7 KiB
TypeScript
import { Radio, Video, Calendar } from 'lucide-react';
|
|
import { Button } from '@/components/ui/button';
|
|
|
|
export function LivePage() {
|
|
return (
|
|
<div className="min-h-screen p-8 space-y-8">
|
|
<div className="glass-hud rounded-2xl border-white/10 p-8 hud-corner">
|
|
<div className="flex items-center justify-between">
|
|
<div className="flex items-center gap-4">
|
|
<div className="w-12 h-12 rounded-xl bg-kodo-red/20 flex items-center justify-center border border-kodo-red/30 animate-pulse">
|
|
<Radio className="w-6 h-6 text-kodo-red" />
|
|
</div>
|
|
<div>
|
|
<h1 className="text-3xl font-display font-bold text-white">
|
|
Live Sessions
|
|
</h1>
|
|
<p className="text-sm text-kodo-secondary">
|
|
Stream and collaborate in real-time
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<Button className="bg-kodo-red hover:bg-kodo-red/80 text-white">
|
|
<Video className="w-4 h-4 mr-2" />
|
|
Go Live
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="glass-hud rounded-xl border-white/10 p-12 text-center">
|
|
<Calendar className="w-16 h-16 text-kodo-secondary mx-auto mb-4 opacity-50" />
|
|
<h3 className="text-lg font-bold text-white mb-2">
|
|
No Active Sessions
|
|
</h3>
|
|
<p className="text-kodo-secondary mb-4">
|
|
Start a live session or join an ongoing stream
|
|
</p>
|
|
<Button
|
|
variant="outline"
|
|
className="border-kodo-red/30 text-kodo-red hover:bg-kodo-red/10"
|
|
>
|
|
Browse Live Sessions
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|