Skip to content

Commit

Permalink
test mobile build
Browse files Browse the repository at this point in the history
  • Loading branch information
Naman-ntc committed Mar 13, 2024
1 parent c0a9f37 commit 375b65f
Show file tree
Hide file tree
Showing 12 changed files with 63 additions and 56 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.eb7fb924.css",
"main.js": "./static/js/main.dadedf5a.js",
"main.css": "./static/css/main.5fe367e9.css",
"main.js": "./static/js/main.edb48d28.js",
"index.html": "./index.html",
"main.eb7fb924.css.map": "./static/css/main.eb7fb924.css.map",
"main.dadedf5a.js.map": "./static/js/main.dadedf5a.js.map"
"main.5fe367e9.css.map": "./static/css/main.5fe367e9.css.map",
"main.edb48d28.js.map": "./static/js/main.edb48d28.js.map"
},
"entrypoints": [
"static/css/main.eb7fb924.css",
"static/js/main.dadedf5a.js"
"static/css/main.5fe367e9.css",
"static/js/main.edb48d28.js"
]
}
2 changes: 1 addition & 1 deletion build/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -113,7 +113,7 @@ <h1 class="title is-1 publication-title">
<span class="icon">
<i class="far fa-images"></i>
</span>
<span>Benchmarks</span>
<span>Data</span>
</a>
</span>
<!-- Leaderboard Link. -->
Expand Down
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.dadedf5a.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>
<!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.edb48d28.js"></script><link href="./static/css/main.5fe367e9.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>

Large diffs are not rendered by default.

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

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion build/static/css/main.eb7fb924.css.map

This file was deleted.

Large diffs are not rendered by default.

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion public/index_home.html
Original file line number Diff line number Diff line change
Expand Up @@ -113,7 +113,7 @@ <h1 class="title is-1 publication-title">
<span class="icon">
<i class="far fa-images"></i>
</span>
<span>Benchmarks</span>
<span>Data</span>
</a>
</span>
<!-- Leaderboard Link. -->
Expand Down
44 changes: 44 additions & 0 deletions src/LeaderboardComp.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
agGridMaxWidth {
max-width: 1200px;
/* Adjust this value based on your preference */
margin: auto;
/* This centers the grid horizontally */
}

.ag-theme-quartz .ag-cell {
font-size: 17px !important;
}

.ag-theme-quartz .ag-header-cell-label {
font-size: 19px !important;
align-items: center;
}

.MuiSlider-markLabel {
display: none;
}


@media only screen and (max-width: 768px) {
agGridMaxWidth {
max-width: 750px;
/* Adjust this value based on your preference */
margin: auto;
/* This centers the grid horizontally */
}

.ag-theme-quartz .ag-cell {
font-size: 14px !important;
}

.ag-theme-quartz .ag-header-cell-label {
font-size: 16px !important;
align-items: center;
}

#flexGridWrapper {
width: 100%;
margin: auto;
max-width: 760px;
}
}
43 changes: 3 additions & 40 deletions src/LeaderboardComp.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ import Grid from '@mui/material/Grid';
import { AgGridReact } from "ag-grid-react"
import "ag-grid-community/styles/ag-grid.css" // Core CSS
import "ag-grid-community/styles/ag-theme-quartz.css" // Theme

import "./LeaderboardComp.css"
import Box from "@mui/material/Box"
import Slider from "@mui/material/Slider"
import { ThemeProvider, createTheme } from "@mui/material/styles"
Expand Down Expand Up @@ -209,44 +209,7 @@ const Leaderboard = React.memo(function LeaderboardComponent(props: any) {


<Box sx={{ width: "100%" }} px={6} pt={5} pb={2}>
<style>
{`
agGridMaxWidth {
max-width: 1200px; /* Adjust this value based on your preference */
margin: auto; /* This centers the grid horizontally */
}
.ag-theme-quartz .ag-cell {
font-size: 17px !important;
}
.ag-theme-quartz .ag-header-cell-label {
font-size: 19px !important;
align-items: center;
}
.MuiSlider-markLabel {
display: none;
}
@media (max-width: 600px) {
agGridMaxWidth {
max-width: 700px; /* Adjust this value based on your preference */
margin: auto; /* This centers the grid horizontally */
}
.ag-theme-quartz .ag-cell {
font-size: 14px !important;
}
.ag-theme-quartz .ag-header-cell-label {
font-size: 16px !important;
align-items: center;
}
}
`}
</style>

<Grid container justifyContent="center">
<Grid item xs={12}>

Expand All @@ -273,7 +236,7 @@ const Leaderboard = React.memo(function LeaderboardComponent(props: any) {
alignItems: "center",
}}
>
<div style={{ display: "flex", flexDirection: "column", alignItems: "center", width: "100%" }}>
<div style={{ display: "flex", flexDirection: "column", alignItems: "center", width: "100%" }} id='flexGridWrapper'>
<div style={{ flexGrow: "1", width: "100%", display: "flex", justifyContent: "center" }}> {/* Center the grid */}
<div style={gridStyle} className={agGridTheme}>
{/* @ts-ignore */}
Expand Down

0 comments on commit 375b65f

Please sign in to comment.