soeren/fotospiel-app
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Adjust packages tabs spacing
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (push) Has been cancelled
Details
tests / ui (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Codex Agent
2026-01-24 22:59:12 +01:00
parent ec98086e23
commit 694ce218c9
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
resources/js/pages/marketing/Packages.tsx
View File

@@ -1219,15 +1219,15 @@ const PackageDetailGrid: React.FC<PackageDetailGridProps> = ({
<div className="container mx-auto space-y-12"> <div className="container mx-auto space-y-12">
<Tabs defaultValue="endcustomer" className="space-y-8"> <Tabs defaultValue="endcustomer" className="space-y-8">
<div className="flex justify-center"> <div className="flex justify-center">
<TabsList className="grid w-full max-w-md grid-cols-2 rounded-full bg-white/90 p-1 shadow-lg shadow-black/10 backdrop-blur dark:bg-gray-900/60"> <TabsList className="relative z-20 grid w-full max-w-xl grid-cols-2 rounded-full bg-white/90 p-1.5 shadow-lg shadow-black/10 backdrop-blur dark:bg-gray-900/60">
<TabsTrigger <TabsTrigger
className="rounded-full text-xs font-semibold uppercase tracking-[0.2em] text-gray-600 data-[state=active]:bg-gray-900 data-[state=active]:text-white data-[state=active]:shadow-none dark:text-gray-200 dark:data-[state=active]:bg-white dark:data-[state=active]:text-gray-900" className="rounded-full px-4 py-2 text-sm font-semibold uppercase tracking-[0.2em] text-gray-600 data-[state=active]:bg-gray-900 data-[state=active]:text-white data-[state=active]:shadow-none dark:text-gray-200 dark:data-[state=active]:bg-white dark:data-[state=active]:text-gray-900"
value="endcustomer" value="endcustomer"
> >
{t('packages.tab_endcustomer')} {t('packages.tab_endcustomer')}
</TabsTrigger> </TabsTrigger>
<TabsTrigger <TabsTrigger
className="rounded-full text-xs font-semibold uppercase tracking-[0.2em] text-gray-600 data-[state=active]:bg-gray-900 data-[state=active]:text-white data-[state=active]:shadow-none dark:text-gray-200 dark:data-[state=active]:bg-white dark:data-[state=active]:text-gray-900" className="rounded-full px-4 py-2 text-sm font-semibold uppercase tracking-[0.2em] text-gray-600 data-[state=active]:bg-gray-900 data-[state=active]:text-white data-[state=active]:shadow-none dark:text-gray-200 dark:data-[state=active]:bg-white dark:data-[state=active]:text-gray-900"
value="reseller" value="reseller"
> >
{t('packages.tab_reseller')} {t('packages.tab_reseller')}
@@ -1235,7 +1235,7 @@ const PackageDetailGrid: React.FC<PackageDetailGridProps> = ({
</TabsList> </TabsList>
</div> </div>
<TabsContent value="endcustomer" className="space-y-8"> <TabsContent value="endcustomer" className="space-y-8 pt-6">
<div className="md:hidden"> <div className="md:hidden">
<div className="relative"> <div className="relative">
<div className="pointer-events-none absolute inset-y-0 left-0 w-6 bg-gradient-to-r from-white to-transparent dark:from-gray-950" /> <div className="pointer-events-none absolute inset-y-0 left-0 w-6 bg-gradient-to-r from-white to-transparent dark:from-gray-950" />
@@ -1296,7 +1296,7 @@ const PackageDetailGrid: React.FC<PackageDetailGridProps> = ({
</motion.div> </motion.div>
</TabsContent> </TabsContent>
<TabsContent value="reseller" className="space-y-8"> <TabsContent value="reseller" className="space-y-8 pt-6">
<motion.div variants={revealUp} initial="hidden" whileInView="visible" viewport={viewportOnce}> <motion.div variants={revealUp} initial="hidden" whileInView="visible" viewport={viewportOnce}>
<Card className="rounded-3xl border border-slate-900/40 bg-slate-950/70 text-white shadow-lg"> <Card className="rounded-3xl border border-slate-900/40 bg-slate-950/70 text-white shadow-lg">
<CardHeader className="gap-3"> <CardHeader className="gap-3">