nvrl/holy-flavor-rater
1
0 Fork 0
mirror of https://github.com/narrrl/holy-flavor-rater.git synced 2026-11-03 16:41:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

ui redesign

Browse Source
This commit is contained in:
nvrl committed 2026-09-04 23:38:55 +02:00
1 parent d0a027a2a1
commit 67da3061a6
49 files changed
+1496 -458
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/src/pages/CommunityFeed.tsx
+4 -5
View File
@@ -53,7 +53,6 @@ import RatingBadge from '../components/RatingBadge';
import ReactionBar from '../components/ReactionBar';
import {
PageShell,
HeroBackdrop,
SectionHeader,
GlassCard,
FlavorThumb,
@@ -160,7 +159,7 @@ const SuggestedFollows: React.FC = () => {
const FeedSkeleton: React.FC = () => (
<Box sx={{ display: 'flex', flexDirection: 'column', gap: 2.5 }}>
{[0, 1, 2].map((i) => (
<GlassCard key={i} intensity="default">
<GlassCard key={i} intensity="default" tier="card">
<CardContent sx={{ p: { xs: 2, sm: 3 } }}>
<Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 2 }}>
<Box sx={{ display: 'flex', gap: 2 }}>
@@ -283,7 +282,7 @@ const CommunityFeed: React.FC = () => {
const expanded = !!expandedReplies[rating.id];
const latestReply = rating.replies[rating.replies.length - 1];
return (
<GlassCard key={rating.id} intensity="default">
<GlassCard key={rating.id} intensity="default" tier="card">
<CardContent sx={{ p: { xs: 2, sm: 3 } }}>
<Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 2 }}>
<Box sx={{ display: 'flex', gap: 2 }}>
@@ -489,7 +488,7 @@ const CommunityFeed: React.FC = () => {
const renderActivityCard = (item: ActivityItem) => {
const isMilestone = item.kind === 'milestone';
return (
<GlassCard key={item.id} intensity="default">
<GlassCard key={item.id} intensity="default" tier="card">
<CardContent sx={{ p: { xs: 2, sm: 2.5 } }}>
<Box sx={{ display: 'flex', alignItems: 'center', gap: 2 }}>
<Box
@@ -545,7 +544,7 @@ const CommunityFeed: React.FC = () => {
: t('community.subtitle');
return (
<PageShell hero={<HeroBackdrop variant="minimal" />}>
<PageShell>
<BackButton />
<SectionHeader title={t('community.title')} subtitle={subtitle} />