cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

fix z index

Browse Source
This commit is contained in:
Julián Benegas 2020-10-23 21:53:59 -03:00
parent ac0685c9b9
commit b5022fc809
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
components/core/Featurebar/Featurebar.module.css Normal file
View File

@ -0,0 +1,3 @@
.root {
@apply transition-transform transform duration-500 text-center ease-out p-6 bg-primary text-base text-sm md:flex md:text-left flex-row justify-center items-center font-medium fixed bottom-0 w-full z-30;
}

8
components/core/Featurebar/Featurebar.tsx
View File

@ -1,6 +1,8 @@
import cn from 'classnames' import cn from 'classnames'
import { FC } from 'react' import { FC } from 'react'
import s from './Featurebar.module.css'
interface Props { interface Props {
className?: string className?: string
title: string title: string
@ -16,11 +18,7 @@ const Featurebar: FC<Props> = ({
action, action,
hide, hide,
}) => { }) => {
const rootClassName = cn( const rootClassName = cn(s.root, { 'translate-y-full': hide }, className)
'transition-transform transform duration-500 text-center ease-out p-6 bg-primary text-base text-sm md:flex md:text-left flex-row justify-center items-center font-medium fixed bottom-0 w-full z-30',
{ 'translate-y-full': hide },
className
)
return ( return (
<div className={rootClassName}> <div className={rootClassName}>
<span className="block md:inline">{title}</span> <span className="block md:inline">{title}</span>