diff --git a/src/pages/Root.tsx b/src/pages/Root.tsx index dc8b7a0a21bf98fce4ff6e9f02393b0c58f7040f..d3907598868c41e2cf55d8cc1319369cb6fdcfeb 100644 --- a/src/pages/Root.tsx +++ b/src/pages/Root.tsx @@ -11,7 +11,7 @@ export default function Root() { <SiteHeader /> <div className="flex flex-1"> <AppSidebar /> - <SidebarInset> + <SidebarInset className="overflow-hidden"> <Outlet /> </SidebarInset> </div> diff --git a/src/pages/certificate/List.tsx b/src/pages/certificate/List.tsx index db5a5f5ac414a840ad42d2a6edd33c516a5bbbc7..cd223a0b813eee500cf2ba7fcb305cad308fb456 100644 --- a/src/pages/certificate/List.tsx +++ b/src/pages/certificate/List.tsx @@ -49,12 +49,12 @@ const certificates = [ export default function CertificateList() { return ( <div className="flex flex-1 flex-col gap-4 p-6"> - <div className="flex justify-between mb-2"> + <div className="flex flex-col sm:flex-row gap-4 justify-between mb-2"> <div> <h1 className="scroll-m-20 text-3xl font-semibold first:mt-0">SSL 인증서 설정</h1> <p className="mt-1 text-base text-gray-500">현재 {certificates.length}개의 SSL 인증서가 등록되어 있습니다.</p> </div> - <Button className="ml-2" asChild> + <Button asChild> <Link to="./create"> <Plus className="h-4 w-4" /> 새 인증서 추가 </Link> diff --git a/src/pages/forwarding/List.tsx b/src/pages/forwarding/List.tsx index b924b2ed09fc327fec3e2db64bca382d022a58bd..94371e14876ca785ca62792e3c275af5472d5239 100644 --- a/src/pages/forwarding/List.tsx +++ b/src/pages/forwarding/List.tsx @@ -62,18 +62,18 @@ export default function ForwardingList() { return ( <div className="flex flex-1 flex-col gap-4 p-6"> - <div className="flex justify-between mb-2"> + <div className="flex flex-col sm:flex-row gap-4 justify-between mb-2"> <div> <h1 className="scroll-m-20 text-3xl font-semibold first:mt-0">SSH 포트포워딩 설정</h1> {forwardings === null ? ( - <Skeleton className="w-[24rem] h-[1rem] mt-2 rounded-full" /> + <Skeleton className="w-[18rem] h-[1rem] mt-2 rounded-full" /> ) : ( <p className="mt-1 text-base text-gray-500"> 현재 {forwardings?.length}개의 SSH 포트포워딩이 설정되어 있습니다. </p> )} </div> - <Button className="ml-2" asChild> + <Button asChild> <Link to="./create"> <Plus className="h-4 w-4" /> 새 포트포워딩 추가 </Link> diff --git a/src/pages/routing/List.tsx b/src/pages/routing/List.tsx index d1e5b46000726fb49dcd7df84d1c07cd79721546..0e232c7710e4b8a5f0b0e40fc58810e4f72c2965 100644 --- a/src/pages/routing/List.tsx +++ b/src/pages/routing/List.tsx @@ -63,18 +63,18 @@ export default function RoutingList() { return ( <div className="flex flex-1 flex-col gap-4 p-6"> - <div className="flex justify-between mb-2"> + <div className="flex flex-col sm:flex-row gap-4 justify-between mb-2"> <div> <h1 className="scroll-m-20 text-3xl font-semibold first:mt-0">웹 라우팅 설정</h1> {routings === null ? ( - <Skeleton className="w-[24rem] h-[1rem] mt-2 rounded-full" /> + <Skeleton className="w-[18rem] h-[1rem] mt-2 rounded-full" /> ) : ( <p className="mt-1 text-base text-gray-500"> <p className="mt-1 text-base text-gray-500">현재 {routings.length}개의 웹 프록시가 설정되어 있습니다.</p> </p> )} </div> - <Button className="ml-2" asChild> + <Button asChild> <Link to="./create"> <Plus className="h-4 w-4" /> 새 프록시 추가 </Link>