parent
ef4b87158d
commit
56836e5ea1
@ -0,0 +1,30 @@
|
||||
import Image from 'next/image'
|
||||
import logoWithText from '../public/logos/logo.svg'
|
||||
import logo from '../public/logos/logo-footer.svg'
|
||||
import {useTranslation} from "next-i18next";
|
||||
|
||||
export const getStaticProps = async ({locale}) => ({
|
||||
props: {
|
||||
...(await serverSideTranslations(locale, [], config)),
|
||||
},
|
||||
});
|
||||
|
||||
const Logo = props => {
|
||||
const {t} = useTranslation();
|
||||
const {title} = props;
|
||||
const src = title ? logoWithText : logo;
|
||||
return (
|
||||
<Image
|
||||
src={src}
|
||||
alt={t('logo-alt')}
|
||||
className="d-block"
|
||||
{...props}
|
||||
/>
|
||||
)
|
||||
};
|
||||
|
||||
Logo.defaultProps = {
|
||||
title: true
|
||||
};
|
||||
|
||||
export default Logo;
|
@ -0,0 +1,40 @@
|
||||
.btn-opacity:hover {
|
||||
background-color: transparent;
|
||||
border-color: white;
|
||||
opacity: 1;
|
||||
}
|
||||
.btn-opacity {
|
||||
background-color: transparent;
|
||||
width: fit-content;
|
||||
opacity: 0.4;
|
||||
transition: 0.5s;
|
||||
}
|
||||
.btn-transparent:hover {
|
||||
background-color: transparent;
|
||||
border-color: white;
|
||||
}
|
||||
.btn-transparent {
|
||||
background-color: transparent;
|
||||
width: fit-content;
|
||||
transition: 0.5s;
|
||||
margin: auto;
|
||||
}
|
||||
.btn-secondary {
|
||||
width: fit-content;
|
||||
background-color: transparent;
|
||||
}
|
||||
.btn-primary {
|
||||
box-sizing: border-box;
|
||||
|
||||
/* Auto layout */
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 16px 24px;
|
||||
gap: 16px;
|
||||
|
||||
/* primary */
|
||||
border: 2px solid #2400fd;
|
||||
box-shadow: 0px 5px 0px #7a64f9;
|
||||
}
|
@ -0,0 +1,31 @@
|
||||
// .tacky {
|
||||
// margin: 0;
|
||||
// padding: 0;
|
||||
// list-style-type: none;
|
||||
// flex-basis: auto;
|
||||
// }
|
||||
//
|
||||
// .tacky col {
|
||||
// display: inline-block;
|
||||
// }
|
||||
//
|
||||
// .tacky col:after {
|
||||
// margin: 0 5px;
|
||||
// }
|
||||
//
|
||||
// .tacky col:last-of-type:after {
|
||||
// content: "";
|
||||
// margin: 0;
|
||||
// }
|
||||
//
|
||||
// .tacky col.no-tack:after {
|
||||
// content: "";
|
||||
// margin: 0;
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
@include media-breakpoint-down('md') {
|
||||
footer {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
Loading…
Reference in new issue