みてるぞ
e72ec608f4
#95 #95 #95 #95 #95 Merge remote-tracking branch 'origin/main' into feature/095 #95 #95 #95 Co-authored-by: miteruzo <miteruzo@naver.com> Reviewed-on: #311
31 lines
600 B
TypeScript
31 lines
600 B
TypeScript
import { motion } from 'framer-motion'
|
|
import { Helmet } from 'react-helmet-async'
|
|
|
|
import type { FC, ReactNode } from 'react'
|
|
|
|
type Props = { children: ReactNode }
|
|
|
|
|
|
export default (({ children }: Props) => (
|
|
<motion.div
|
|
layout="position"
|
|
transition={{ layout: { duration: .2, ease: 'easeOut' } }}
|
|
className="p-4 w-full md:w-64 md:h-full md:overflow-y-auto sidebar">
|
|
<Helmet>
|
|
<style>
|
|
{`
|
|
.sidebar
|
|
{
|
|
direction: rtl;
|
|
}
|
|
|
|
.sidebar > *
|
|
{
|
|
direction: ltr;
|
|
}`}
|
|
</style>
|
|
</Helmet>
|
|
|
|
{children}
|
|
</motion.div>)) satisfies FC<Props>
|