Merge branch 'dev' of https://github.com/boostcampwm-2024/web04-RealTicket

Author: qkdl60

front/src/components/loaders/WithoutLogin.tsx

@@ -1,18 +1,12 @@
 import type { PropsWithChildren } from 'react';
-import { useEffect } from 'react';
 import { Navigate } from 'react-router-dom';
 
 import { useAuthContext } from '@/hooks/useAuthContext.tsx';
 
-import { toast } from '@/components/Toast/index.ts';
-
 import { ROUTE_URL } from '@/constants/index.ts';
 
 export default function WithoutLogin({ children }: PropsWithChildren) {
   const { isLogin } = useAuthContext();
-  useEffect(() => {
-    if (isLogin) toast.warning('로그인 후 접근할 수 없습니다.\n로그 아웃 후 이용해주세요.');
-  }, [isLogin]);
   if (isLogin) {
     return <Navigate to={ROUTE_URL.PROGRAM.DEFAULT} />;
   }

front/src/pages/ProgramsPage/ProgramCard.tsx

@@ -15,11 +15,11 @@ export default function ProgramCard({
   actors,
 }: Pick<IProgram, 'actors' | 'id' | 'name' | 'profileUrl'>) {
   return (
-    <div className="flex w-[200px] min-w-[200px] flex-col rounded border-2 p-4 hover:border-surface">
-      <img className="object-con flex-grow object-cover" width={200} height={300} src={profileUrl} />
+    <div className="flex min-h-[300px] w-[200px] min-w-[200px] flex-col gap-4 rounded border-2 p-4 hover:border-surface">
+      <img className="object-con h-[240px] w-[160px] object-cover" src={profileUrl} />
       <div className="flex flex-col gap-1 text-center">
         <div className="truncate text-display1 text-typo">{name}</div>
-        <div className="text-caption1">{actors}</div>
+        <div className="truncate text-caption1">{actors}</div>
       </div>
     </div>
   );

front/src/pages/ProgramsPage/index.tsx

@@ -18,7 +18,7 @@ export default function ProgramsPage() {
   const programs = data;
   //현재 데이터가 없어서 mock 대체
   return (
-    <ul className="grid grid-cols-[repeat(5,minmax(auto,_1fr))] gap-6 overflow-auto">
+    <ul className="grid grid-cols-[repeat(4,minmax(auto,_1fr))] gap-6 overflow-auto">
       {programs.map((program) => (
         <li key={program.id}>
           <Link to={ROUTE_URL.PROGRAM.PROGRAM_DETAIL(program.id)}>