@hanzo/ui 0.5.13 → 0.5.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -58,7 +58,12 @@ const ContentColumn: React.FC<{
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
else {
|
|
61
|
-
|
|
61
|
+
if (specified('mobile-vert-center')) {
|
|
62
|
+
modifiers += 'justify-center '
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
modifiers += 'justify-start '
|
|
66
|
+
}
|
|
62
67
|
}
|
|
63
68
|
|
|
64
69
|
if (agent === 'phone' && specified('mobile-center-headings')) {
|
|
@@ -42,7 +42,7 @@ const ScreenfulComponent: React.FC<{
|
|
|
42
42
|
// p&m-modifiers
|
|
43
43
|
// ]
|
|
44
44
|
const cwclx = [
|
|
45
|
-
'z-10
|
|
45
|
+
'z-10 xl:mx-auto max-w-screen-xl overflow-y-hidden ',
|
|
46
46
|
// desktop header: 80px / pt-20
|
|
47
47
|
// mobile header: 44px / pt-11
|
|
48
48
|
narrowGutters ?
|
|
@@ -56,8 +56,8 @@ const ScreenfulComponent: React.FC<{
|
|
|
56
56
|
const spreadId = (b.anchorId) ? {id: b.anchorId} : {}
|
|
57
57
|
|
|
58
58
|
return (
|
|
59
|
-
<section {...spreadId} className={cn(
|
|
60
|
-
<ApplyTypography className={
|
|
59
|
+
<section {...spreadId} className={cn((snapTile ? 'snap-start snap-always h-[100vh]' : 'min-h-screen'), className)}>
|
|
60
|
+
<ApplyTypography className={cn('w-full flex flex-row justify-center self-stretch', snapTile ? tileHeight : '')} >
|
|
61
61
|
<Poster banner={b.banner}>
|
|
62
62
|
{hasBannerVideo() && (
|
|
63
63
|
<Video
|
|
@@ -66,7 +66,7 @@ const ScreenfulComponent: React.FC<{
|
|
|
66
66
|
initialInView={initialInView}
|
|
67
67
|
/>
|
|
68
68
|
)}
|
|
69
|
-
<div className={cn(...cwclx)} >
|
|
69
|
+
<div className={cn(...cwclx, snapTile ? 'absolute left-0 right-0 top-0 bottom-0' : 'flex min-h-screen w-full')} >
|
|
70
70
|
<Content block={b} agent={agent} className='w-full'/>
|
|
71
71
|
{b.footer}
|
|
72
72
|
</div>
|
package/package.json
CHANGED