Skip to content

Commit

Permalink
deploy
Browse files Browse the repository at this point in the history
  • Loading branch information
Naman-ntc committed Mar 13, 2024
1 parent 3a1de15 commit 2652f68
Show file tree
Hide file tree
Showing 10 changed files with 60 additions and 16 deletions.
12 changes: 6 additions & 6 deletions build/asset-manifest.json
Original file line number Diff line number Diff line change
@@ -1,13 +1,13 @@
{
"files": {
"main.css": "./static/css/main.d2f477c0.css",
"main.js": "./static/js/main.5331c2a4.js",
"main.css": "./static/css/main.eb7fb924.css",
"main.js": "./static/js/main.e543895b.js",
"index.html": "./index.html",
"main.d2f477c0.css.map": "./static/css/main.d2f477c0.css.map",
"main.5331c2a4.js.map": "./static/js/main.5331c2a4.js.map"
"main.eb7fb924.css.map": "./static/css/main.eb7fb924.css.map",
"main.e543895b.js.map": "./static/js/main.e543895b.js.map"
},
"entrypoints": [
"static/css/main.d2f477c0.css",
"static/js/main.5331c2a4.js"
"static/css/main.eb7fb924.css",
"static/js/main.e543895b.js"
]
}
2 changes: 1 addition & 1 deletion build/leaderboard.html
Original file line number Diff line number Diff line change
@@ -1 +1 @@
<!doctype html><html lang="en"><head><title>LiveCodeBench Leaderboard</title><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="LiveCodeBench Leaderboard"/><link rel="stylesheet" href="bootstrap.min.css"/><link rel="stylesheet" href="./css/bulma.min.css"/><link rel="stylesheet" href="./css/bulma-carousel.min.css"/><link rel="stylesheet" href="./css/bulma-slider.min.css"/><link rel="stylesheet" href="./css/fontawesome.all.min.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css"/><link rel="stylesheet" href="./css/index.css"/><link rel="icon" href="./images/favicon.svg"/><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script defer="defer" src="./js/fontawesome.all.min.js"></script><script src="./js/bulma-carousel.min.js"></script><script src="./js/bulma-slider.min.js"></script><script src="./js/index.js"></script><script defer="defer" src="./static/js/main.5331c2a4.js"></script><link href="./static/css/main.d2f477c0.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
<!doctype html><html lang="en"><head><title>LiveCodeBench Leaderboard</title><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="LiveCodeBench Leaderboard"/><link rel="stylesheet" href="bootstrap.min.css"/><link rel="stylesheet" href="./css/bulma.min.css"/><link rel="stylesheet" href="./css/bulma-carousel.min.css"/><link rel="stylesheet" href="./css/bulma-slider.min.css"/><link rel="stylesheet" href="./css/fontawesome.all.min.css"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css"/><link rel="stylesheet" href="./css/index.css"/><link rel="icon" href="./images/favicon.svg"/><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script><script defer="defer" src="./js/fontawesome.all.min.js"></script><script src="./js/bulma-carousel.min.js"></script><script src="./js/bulma-slider.min.js"></script><script src="./js/index.js"></script><script defer="defer" src="./static/js/main.e543895b.js"></script><link href="./static/css/main.eb7fb924.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
1 change: 0 additions & 1 deletion build/static/css/main.d2f477c0.css.map

This file was deleted.

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions build/static/css/main.eb7fb924.css.map

Large diffs are not rendered by default.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

31 changes: 31 additions & 0 deletions src/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -30,4 +30,35 @@
border: 1px solid #ddd;
border-radius: 8px;
margin-top: 10px;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
.tabs {
flex-direction: column;
/* Stack tabs vertically */
}

.tabs li {
padding: 15px 10px;
/* Adjust padding for better touch targets */
}

.tab-content {
padding: 15px;
/* Adjust padding for consistency */
}
}

/* Further adjustments for very small screens */
@media (max-width: 480px) {
.tabs li {
padding: 12px 5px;
/* Reduce padding on very small screens */
}

.tab-content {
padding: 12px;
/* Consistent padding adjustment */
}
}
17 changes: 15 additions & 2 deletions src/index.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React, { useState } from 'react';
import React, { useState, useEffect } from 'react';
import ReactDOM from "react-dom"
import Leaderboard from "./LeaderboardComp"

Expand All @@ -13,6 +13,19 @@ import mockDataExec from "./mocks/performances_execution.json"
const LeaderboardTabs = () => {
// State to track the currently selected tab
const [activeTab, setActiveTab] = useState('tab1');
const [isMobile, setIsMobile] = useState(window.innerWidth < 768);

useEffect(() => {
const handleResize = () => {
setIsMobile(window.innerWidth < 768);
};

window.addEventListener('resize', handleResize);

return () => {
window.removeEventListener('resize', handleResize);
};
}, []);

// Function to render the leaderboard based on the selected tab
const renderLeaderboard = () => {
Expand All @@ -32,7 +45,7 @@ const LeaderboardTabs = () => {
};
return (
<div className="tabs-container">
<ul className="tabs">
<ul className={`tabs ${isMobile ? 'mobile' : ''}`}>
<li className={activeTab === 'tab1' ? 'is-active' : ''} onClick={() => setActiveTab('tab1')}><a>Code Generation</a></li>
<li className={activeTab === 'tab2' ? 'is-active' : ''} onClick={() => setActiveTab('tab2')}><a>Self Repair</a></li>
<li className={activeTab === 'tab3' ? 'is-active' : ''} onClick={() => setActiveTab('tab3')}><a>Test Output Prediction</a></li>
Expand Down

0 comments on commit 2652f68

Please sign in to comment.