Skip to content
Snippets Groups Projects
Commit 39d4b2f1 authored by 한동현's avatar 한동현
Browse files

fix: 반응형 레이아웃 오류 수정

parent d0d91915
Branches
No related tags found
No related merge requests found
......@@ -11,7 +11,7 @@ export default function Root() {
<SiteHeader />
<div className="flex flex-1">
<AppSidebar />
<SidebarInset>
<SidebarInset className="overflow-hidden">
<Outlet />
</SidebarInset>
</div>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment