mirror of
https://github.com/supabase/supabase.git
synced 2026-05-06 14:05:05 +08:00
move stage badge on feature card
This commit is contained in:
@@ -267,7 +267,7 @@ function FeaturesPage() {
|
||||
<div className="relative rounded-lg min-h-[80px] max-h-[80px] md:max-h-[140px] h-full md:h-auto aspect-square md:w-full md:aspect-video! bg-alternative flex items-center justify-center shadow-inner border border-muted">
|
||||
<feature.icon className="w-5 h-5 text-foreground-light group-hover:text-foreground transition-colors" />
|
||||
{feature.status && (
|
||||
<div className="absolute bottom-1.5 left-1.5">
|
||||
<div className="hidden md:block absolute bottom-1.5 left-1.5">
|
||||
<Badge
|
||||
variant={stageBadgeVariant(feature.status.stage)}
|
||||
className="text-[10px] py-0 px-1.5 h-4 rounded-sm"
|
||||
@@ -285,6 +285,14 @@ function FeaturesPage() {
|
||||
{feature.subtitle}
|
||||
</p>
|
||||
<div className="flex flex-wrap items-center gap-1 mb-0.5">
|
||||
{feature.status && (
|
||||
<Badge
|
||||
variant={stageBadgeVariant(feature.status.stage)}
|
||||
className="md:hidden text-[10px] py-0 px-1.5 h-4 rounded-sm"
|
||||
>
|
||||
{stageLabel(feature.status.stage)}
|
||||
</Badge>
|
||||
)}
|
||||
{feature.products.map((product) => (
|
||||
<span
|
||||
key={product}
|
||||
|
||||
Reference in New Issue
Block a user