素材管理（#99） (#303)

#99 #99 #99 #99 #99 #99 #99 #99 #99 #99 Co-authored-by: miteruzo <miteruzo@naver.com> Reviewed-on: #303
2026-04-07 07:44:50 +09:00
parent 2adff3966a
commit 7b15cb2c5a
33 changed files with 1742 additions and 192 deletions
@@ -1,9 +1,29 @@
-import React from 'react'
+import { Helmet } from 'react-helmet-async'

-type Props = { children: React.ReactNode }
+import type { FC, ReactNode } from 'react'
+
+type Props = { children: ReactNode }


-export default ({ children }: Props) => (
-    <div className="p-4 w-full md:w-64 md:h-full">
+export default (({ children }: Props) => (
+    <div
+	className="p-4 w-full md:w-64 md:h-full
+		   md:h-[calc(100dvh-88px)] md:overflow-y-auto
+		   sidebar">
+      <Helmet>
+	<style>
+	  {`
+	      .sidebar
+	      {
+		direction: rtl;
+	      }
+
+	      .sidebar > *
+	      {
+		direction: ltr;
+	      }`}
+	</style>
+      </Helmet>
+
      {children}
-    </div>)
+    </div>)) satisfies FC<Props>