Skip to content

Commit 5015827

Browse files
author
dphuang2
committed
show on most mobile
1 parent ce865d8 commit 5015827

File tree

11 files changed

+62
-33
lines changed

11 files changed

+62
-33
lines changed

customers/beehiiv/beehiiv-sdks

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
Subproject commit c2e37101c2b0d8c4a28de39c7a3d4ec90d6fc832

customers/carbon/carbon-sdks

customers/snaptrade/snaptrade-sdks

Submodule snaptrade-sdks updated 513 files

generator/konfig-next-app/src/components/LayoutHeader.tsx

Lines changed: 52 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -103,33 +103,61 @@ export const LayoutHeader = observer(
103103
)}
104104
</Group>
105105
<Group className="flex-none">
106+
{cta ? (
107+
<>
108+
<MediaQuery largerThan="sm" styles={{ display: 'none' }}>
109+
<Button
110+
variant={
111+
!hasLightAndDarkLogo
112+
? 'filled'
113+
: theme.colorScheme === 'dark'
114+
? 'light'
115+
: 'filled'
116+
}
117+
component="a"
118+
size="xs"
119+
className="max-[400px]:hidden"
120+
target="_blank"
121+
color={
122+
!hasLightAndDarkLogo
123+
? 'dark'
124+
: theme.colorScheme === 'dark'
125+
? 'brand'
126+
: 'dark'
127+
}
128+
href={cta.url}
129+
>
130+
{cta.label}
131+
</Button>
132+
</MediaQuery>
133+
<MediaQuery smallerThan="sm" styles={{ display: 'none' }}>
134+
<Button
135+
variant={
136+
!hasLightAndDarkLogo
137+
? 'filled'
138+
: theme.colorScheme === 'dark'
139+
? 'light'
140+
: 'filled'
141+
}
142+
component="a"
143+
target="_blank"
144+
color={
145+
!hasLightAndDarkLogo
146+
? 'dark'
147+
: theme.colorScheme === 'dark'
148+
? 'brand'
149+
: 'dark'
150+
}
151+
href={cta.url}
152+
>
153+
{cta.label}
154+
</Button>
155+
</MediaQuery>
156+
</>
157+
) : null}
106158
<div className="sm:hidden">
107159
<Search />
108160
</div>
109-
{cta ? (
110-
<Button
111-
variant={
112-
!hasLightAndDarkLogo
113-
? 'filled'
114-
: theme.colorScheme === 'dark'
115-
? 'light'
116-
: 'filled'
117-
}
118-
component="a"
119-
target="_blank"
120-
className="hidden sm:block"
121-
color={
122-
!hasLightAndDarkLogo
123-
? 'dark'
124-
: theme.colorScheme === 'dark'
125-
? 'brand'
126-
: 'dark'
127-
}
128-
href={cta.url}
129-
>
130-
{cta.label}
131-
</Button>
132-
) : null}
133161
<ColorSchemeToggle hasLightAndDarkLogo={typeof logo !== 'string'} />
134162
</Group>
135163
</Box>

0 commit comments

Comments
 (0)