Disable the eyebrow for the Logo center, text bottom layout

Added a noEyebrow flag alongside the existing noIcon one — mirrors the
same pattern: hides the Eyebrow control in the sidebar and omits the
eyebrow pill from the render for this template specifically.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
ShaneandClaude Sonnet 5 committed 2026-07-09 17:53:05 -05:00
1 parent a1d59d5676
commit d6fe800806
3 files changed
+6 -2

No files matched your search

+1 -1
View File
@@ -128,7 +128,7 @@ export async function GET(req: Request) {
const template = TEMPLATE_MAP[searchParams.get('template') ?? ''] ?? TEMPLATE_MAP[DEFAULT_TEMPLATE_ID]
const rawHeadline = (searchParams.get('headline') ?? DEFAULT_HEADLINE).slice(0, 200)
const eyebrow = searchParams.get('eyebrow')?.trim() || null
const eyebrow = template.noEyebrow ? null : searchParams.get('eyebrow')?.trim() || null
const sentenceCase = searchParams.get('sentenceCase') !== '0'
const manualBreaks = searchParams.get('manual') === '1' || /\n/.test(rawHeadline)
+2 -1
View File
@@ -470,6 +470,7 @@ export default function Page() {
// Fixed-logo templates render the Supabase wordmark directly — there's no
// user-selectable icon for them to affect, so hide the control entirely.
const showIconControl = !selectedTemplateObj?.noIcon
const showEyebrowControl = !selectedTemplateObj?.noEyebrow
const selectedIcon = useMemo(() => allIcons.find((i) => i.name === icon) ?? null, [allIcons, icon])
// Load the shared asset library (uploaded icons) for the active brand; empty
@@ -961,7 +962,7 @@ export default function Page() {
)}
<Group title="Content" noDivider>
{showContentControls && (
{showContentControls && showEyebrowControl && (
<div className="flex flex-col gap-2">
<label htmlFor="eyebrow" className="text-sm font-medium text-foreground-light">
Eyebrow <span className="text-foreground-lighter">(optional)</span>
@@ -51,6 +51,8 @@ export interface Template {
* nothing for it to affect.
*/
noIcon?: boolean
/** Hides the Eyebrow control and omits the eyebrow pill from the render. */
noEyebrow?: boolean
}
// Gap (1x px) between the headline and the icon column in split-right.
@@ -239,6 +241,7 @@ export const TEMPLATES: Template[] = [
anchorX: 'left',
anchorY: 'bottom',
noIcon: true,
noEyebrow: true,
build: (p) => (
<div style={{ ...rootBase(p), position: 'relative' }}>
<div