From 39d4b2f1e0598e3192da586dde5e812ee12d7b1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=ED=95=9C=EB=8F=99=ED=98=84?= <hando1220@ajou.ac.kr>
Date: Wed, 26 Mar 2025 17:01:15 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=B0=98=EC=9D=91=ED=98=95=20=EB=A0=88?=
=?UTF-8?q?=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=98=A4=EB=A5=98=20=EC=88=98?=
=?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/pages/Root.tsx | 2 +-
src/pages/certificate/List.tsx | 4 ++--
src/pages/forwarding/List.tsx | 6 +++---
src/pages/routing/List.tsx | 6 +++---
4 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/src/pages/Root.tsx b/src/pages/Root.tsx
index dc8b7a0..d390759 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 db5a5f5..cd223a0 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 b924b2e..94371e1 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 d1e5b46..0e232c7 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>
--
GitLab