Update app.py

app.py

@@ -12,7 +12,7 @@ print(f"API 토큰: {TOKEN[:4]}... (마스킹됨)")
 print(f"팀 ID: {TEAM if TEAM else '없음'}")
 
 # ───────────────────── 2. BEST 데이터 ────────────────────
-BEST_FILE, PER_PAGE = "best_games.json", 48
+BEST_FILE, PER_PAGE = "best_games.json", 9
 def _init_best():
     if not os.path.exists(BEST_FILE):
         json.dump([], open(BEST_FILE, "w"))
@@ -196,9 +196,10 @@ def html(cards, pg, total):
     css=r"""
     <style>
     body{margin:0;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#C5E8FF 0%,#FFD6E0 100%);}
-    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;margin:0 20px 60px;}
-    @media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr);} }
-    @media(max-width:640px){ .grid{grid-template-columns:1fr;} }
+    .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;margin:0 auto;max-width:1200px;padding:20px;}
+    @media(max-width:1024px){.grid{grid-template-columns:repeat(3,1fr);} }
+    @media(max-width:768px){.grid{grid-template-columns:repeat(2,1fr);} }
+    @media(max-width:500px){ .grid{grid-template-columns:1fr;} }
     .card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.3s}
     .card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.12)}
     .hdr{padding:20px 24px;background:rgba(255,255,255,.75);backdrop-filter:blur(8px);border-bottom:1px solid #eee;}
@@ -209,7 +210,7 @@ def html(cards, pg, total):
                   transform:scale(.7);transform-origin:top left;border:0;}
     .foot{padding:14px 24px;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);text-align:right;}
     .link{font-size:.85rem;font-weight:600;color:#4a6dd8;text-decoration:none;}
-    .cnt{text-align:center;font-size:.85rem;color:#555;margin:10px 0 40px;}
+    .cnt{text-align:center;font-size:.85rem;color:#555;margin:10px 0 20px;}
     </style>"""
     
     h=css+"<div class='grid'>"
@@ -228,7 +229,7 @@ def html(cards, pg, total):
 # ───────────────────── 7. Gradio Blocks UI ───────────────
 def build():
     _init_best()
-    with gr.Blocks(title="Vibe Game Craft", css="body{overflow-x:hidden;}") as demo:
+    with gr.Blocks(title="Vibe Game Craft", css="body{overflow-x:hidden;} .gradio-container{margin:0 auto; max-width:1280px;}") as demo:
         gr.Markdown("<h1 style='text-align:center;padding:32px 0 0;color:#333;'>🎮 Vibe Game Craft</h1>")
         
         # URL 추가 인터페이스
@@ -254,27 +255,6 @@ def build():
             d, t = page(_load_best(), p)
             return html(d, p, t), p
         
-        def add_url():
-            title = title_input.value
-            url = url_input.value
-            
-            if not title or not url:
-                return "❌ 제목과 URL을 모두 입력해주세요."
-            
-            if not url.startswith("http"):
-                url = "https://" + url
-            
-            if add_url_to_best(title, url):
-                return f"✅ URL이 성공적으로 추가되었습니다: {url}"
-            else:
-                return f"❌ URL 추가에 실패했습니다: {url}"
-        
-        def run_bypass():
-            if bypass_all_protection():
-                return "✅ 모든 프로젝트의 보호 설정이 비활성화되었습니다."
-            else:
-                return "❌ 일부 또는 모든 프로젝트의 보호 설정 비활성화에 실패했습니다."
-
         def prev(b):
             b = max(1, b-1)
             h, _ = show_best(b)
@@ -286,15 +266,27 @@ def build():
             h, _ = show_best(b)
             return h, b
 
+        # 페이지 네비게이션 버튼 (하단에 배치)
+        with gr.Row(elem_classes="navigation-buttons"):
+            b_prev = gr.Button("⬅️ 이전 페이지", size="sm")
+            b_next = gr.Button("다음 페이지 ➡️", size="sm")
+            
         # 이벤트 연결
-        add_btn.click(add_url, outputs=[status_msg])
-        b_best.click(show_best, outputs=[out, bp])
         b_prev.click(prev, inputs=[bp], outputs=[out, bp])
         b_next.click(nxt, inputs=[bp], outputs=[out, bp])
-        b_ref.click(lambda b: show_best(b)[0], inputs=[bp], outputs=[out])
-        b_bypass.click(run_bypass, outputs=[status_msg])
 
-        # 초기 로드
+        # CSS 스타일 추가
+        css = """
+        .navigation-buttons {
+            display: flex;
+            justify-content: center;
+            margin-bottom: 40px;
+        }
+        .navigation-buttons button {
+            margin: 0 10px;
+            min-width: 120px;
+        }
+        """
         demo.load(show_best, outputs=[out, bp])
     return demo