9851627ff1
- Add GitHub Actions workflow for automated CI/CD - Configure Node.js 18.x and 20.x matrix testing - Add TypeScript type checking step - Add ESLint code quality checks with enhanced rules - Add Prettier formatting verification - Add production build validation - Upload build artifacts for deployment - Set up automated testing on push/PR - Replace console.log with environment-aware logger - Add pre-commit hooks for code quality - Exclude archive folder from linting 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
34 lines
765 B
TypeScript
34 lines
765 B
TypeScript
import React from "react";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface SafeAreaContainerProps {
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
extraBottomPadding?: boolean;
|
|
}
|
|
|
|
/**
|
|
* iOS의 안전 영역(notch, home indicator 등)을 고려한 컨테이너
|
|
* 모든 페이지 최상위 컴포넌트로 사용해야 함
|
|
*/
|
|
const SafeAreaContainer: React.FC<SafeAreaContainerProps> = ({
|
|
children,
|
|
className = "",
|
|
extraBottomPadding = false,
|
|
}) => {
|
|
return (
|
|
<div
|
|
className={cn(
|
|
"min-h-screen bg-neuro-background",
|
|
"pt-safe pb-safe pl-safe pr-safe", // iOS 안전 영역 적용
|
|
extraBottomPadding ? "pb-24" : "",
|
|
className
|
|
)}
|
|
>
|
|
{children}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default SafeAreaContainer;
|