fix: make launch board theme aware
This commit is contained in:
@@ -100,9 +100,9 @@ export function CreateProjectModal({ onClose }: { onClose: () => void }): React.
|
|||||||
className="grid w-full max-w-4xl overflow-hidden rounded-2xl border border-white/70 bg-white text-neutral-900 shadow-[0_30px_100px_rgba(15,23,42,0.28)] dark:border-white/10 dark:bg-neutral-950 dark:text-neutral-100 dark:shadow-[0_30px_100px_rgba(0,0,0,0.48)] md:grid-cols-[0.82fr_1.18fr]"
|
className="grid w-full max-w-4xl overflow-hidden rounded-2xl border border-white/70 bg-white text-neutral-900 shadow-[0_30px_100px_rgba(15,23,42,0.28)] dark:border-white/10 dark:bg-neutral-950 dark:text-neutral-100 dark:shadow-[0_30px_100px_rgba(0,0,0,0.48)] md:grid-cols-[0.82fr_1.18fr]"
|
||||||
style={{ height: 'min(760px, calc(100vh - 24px))', maxHeight: 'calc(100vh - 24px)' }}
|
style={{ height: 'min(760px, calc(100vh - 24px))', maxHeight: 'calc(100vh - 24px)' }}
|
||||||
>
|
>
|
||||||
<aside className="relative hidden overflow-hidden bg-neutral-950 p-6 text-white md:block">
|
<aside className="relative hidden overflow-hidden bg-gradient-to-br from-slate-50 via-white to-cyan-50 p-6 text-neutral-950 dark:bg-none dark:bg-neutral-950 dark:text-white md:block">
|
||||||
<div className="absolute inset-0 bg-[linear-gradient(rgba(45,212,191,0.11)_1px,transparent_1px),linear-gradient(90deg,rgba(45,212,191,0.11)_1px,transparent_1px)] bg-[size:34px_34px]" />
|
<div className="absolute inset-0 bg-[linear-gradient(rgba(8,145,178,0.09)_1px,transparent_1px),linear-gradient(90deg,rgba(8,145,178,0.09)_1px,transparent_1px)] bg-[size:34px_34px] dark:bg-[linear-gradient(rgba(45,212,191,0.11)_1px,transparent_1px),linear-gradient(90deg,rgba(45,212,191,0.11)_1px,transparent_1px)]" />
|
||||||
<div className="absolute inset-x-0 bottom-0 h-40 bg-gradient-to-t from-cyan-500/20 to-transparent" />
|
<div className="absolute inset-x-0 bottom-0 h-40 bg-gradient-to-t from-cyan-200/55 to-transparent dark:from-cyan-500/20" />
|
||||||
<div className="relative flex h-full flex-col justify-between">
|
<div className="relative flex h-full flex-col justify-between">
|
||||||
<div>
|
<div>
|
||||||
<img
|
<img
|
||||||
@@ -110,7 +110,7 @@ export function CreateProjectModal({ onClose }: { onClose: () => void }): React.
|
|||||||
alt=""
|
alt=""
|
||||||
className="mb-5 size-16 rounded-2xl shadow-lg shadow-cyan-950/30"
|
className="mb-5 size-16 rounded-2xl shadow-lg shadow-cyan-950/30"
|
||||||
/>
|
/>
|
||||||
<p className="text-xs font-semibold uppercase tracking-wide text-cyan-200">
|
<p className="text-xs font-semibold uppercase tracking-wide text-cyan-700 dark:text-cyan-200">
|
||||||
Project launch
|
Project launch
|
||||||
</p>
|
</p>
|
||||||
<h2 className="mt-3 text-3xl font-semibold leading-tight">
|
<h2 className="mt-3 text-3xl font-semibold leading-tight">
|
||||||
@@ -119,16 +119,16 @@ export function CreateProjectModal({ onClose }: { onClose: () => void }): React.
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="grid gap-3">
|
<div className="grid gap-3">
|
||||||
<div className="rounded-xl border border-white/10 bg-white/[0.08] p-4">
|
<div className="rounded-xl border border-cyan-200/80 bg-white/75 p-4 shadow-sm backdrop-blur dark:border-white/10 dark:bg-white/[0.08]">
|
||||||
<p className="text-xs font-medium uppercase tracking-wide text-neutral-400">
|
<p className="text-xs font-medium uppercase tracking-wide text-neutral-500 dark:text-neutral-400">
|
||||||
Destination
|
Destination
|
||||||
</p>
|
</p>
|
||||||
<p className="mt-1 truncate text-sm font-semibold">
|
<p className="mt-1 truncate text-sm font-semibold">
|
||||||
{directory ? directory.split('/').filter(Boolean).pop() : 'Choose a folder'}
|
{directory ? directory.split('/').filter(Boolean).pop() : 'Choose a folder'}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="rounded-xl border border-white/10 bg-white/[0.08] p-4">
|
<div className="rounded-xl border border-cyan-200/80 bg-white/75 p-4 shadow-sm backdrop-blur dark:border-white/10 dark:bg-white/[0.08]">
|
||||||
<p className="text-xs font-medium uppercase tracking-wide text-neutral-400">
|
<p className="text-xs font-medium uppercase tracking-wide text-neutral-500 dark:text-neutral-400">
|
||||||
Project
|
Project
|
||||||
</p>
|
</p>
|
||||||
<p className="mt-1 truncate text-sm font-semibold">
|
<p className="mt-1 truncate text-sm font-semibold">
|
||||||
|
|||||||
Reference in New Issue
Block a user