Style Changes (#13)

Daniel-Na118 · jylee05 · web-flow · commit 6521b24c8329 · 2026-01-16T20:43:50.000+09:00
Co-authored-by: Jeongyeon Lee &lt;jylee05@snu.ac.kr&gt;
diff --git a/index.html b/index.html
@@ -2,9 +2,8 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>SNUXI</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/components/BottomNav/BottomNav.css b/src/components/BottomNav/BottomNav.css
@@ -1,8 +1,4 @@
 .bottom-nav {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
   display: flex;
   justify-content: space-around;
   align-items: center;
diff --git a/src/pages/CreateRoom/index.tsx b/src/pages/CreateRoom/index.tsx
@@ -10,12 +10,12 @@ const CreateRoom = () => {
   const [end, setEnd] = useState('');
   const [dateTime, setDateTime] = useState('');
   const [roomName, setRoomName] = useState('');
-  const [maxParticipants, setMaxParticipants] = useState(1);
+  const [minParticipants, setMinParticipants] = useState(2);
 
   const handleParticipantChange = (amount: number) => {
-    setMaxParticipants((prev) => {
+    setMinParticipants((prev) => {
       const newValue = prev + amount;
-      if (newValue >= 1 && newValue <= 4) {
+      if (newValue >= 2 && newValue <= 4) {
         return newValue;
       }
       return prev;
@@ -30,9 +30,11 @@ const CreateRoom = () => {
 
     // check for development
     if (!userState.isLoggedIn) {
-      // placeholder email
-      // alert("로그인이 필요합니다.");
-      // return;
+      alert('로그인이 필요합니다.');
+      window.location.href = '/login';
+      return;
+    }
+    if (import.meta.env.DEV) {
       userState.email = 'dev@snu.ac.kr';
     }
 
@@ -42,7 +44,7 @@ const CreateRoom = () => {
         from: start,
         to: end,
         time: dateTime,
-        maxHeadcount: maxParticipants,
+        minHeadcount: minParticipants,
         user: userState.email, // Send user's email
       });
 
@@ -112,10 +114,10 @@ const CreateRoom = () => {
 
       <div className="card">
         <div className="input-group">
-          <label>최대 인원</label>
+          <label>최소 인원</label>
           <div className="participant-control">
             <button onClick={() => handleParticipantChange(-1)}>-</button>
-            <span>{maxParticipants}명</span>
+            <span>{minParticipants}명</span>
             <button onClick={() => handleParticipantChange(1)}>+</button>
           </div>
         </div>
diff --git a/src/router/MainLayout.css b/src/router/MainLayout.css
@@ -0,0 +1,10 @@
+.main-layout {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.main-content {
+  flex-grow: 1;
+  overflow-y: auto;
+}
diff --git a/src/router/Router.tsx b/src/router/Router.tsx
@@ -5,13 +5,16 @@ import Login from '../pages/Login';
 import MyChat from '../pages/MyChat';
 import MyPage from '../pages/MyPage/MyPage';
 import RoomSearch from '../pages/SearchRoom/RoomSearch';
+import './MainLayout.css';
 
 const MainLayout = () => {
   return (
-    <>
-      <Outlet />
+    <div className="main-layout">
+      <div className="main-content">
+        <Outlet />
+      </div>
       <BottomNav />
-    </>
+    </div>
   );
 };
 
@@ -25,7 +28,7 @@ const Router = () => {
           <Route path="/create-room" element={<CreateRoom />} />
           <Route path="/my-chat" element={<MyChat />} />
           <Route path="/my-page" element={<MyPage />} />
-          <Route path="/" element={<MyPage />} />
+          <Route path="/" element={<RoomSearch />} />
         </Route>
       </Routes>
     </BrowserRouter>
