Commit 72aa37f3 authored by Dominik Schwabe's avatar Dominik Schwabe
Browse files

fixed container

parent 25ae6f30
......@@ -170,7 +170,7 @@ const Content = () => {
const location = useLocation();
return (
<main className="uk-section uk-section-default">
<div className="uk-container">
<div className="uk-container uk-container-expand">
<h3>TL;DR</h3>
<Switch>
{routes.map(([path, , component]) => (
......
......@@ -90,7 +90,7 @@ const About = () => {
const { metrics, loading: metricsLoading, reload: metricsReload } = useContext(MetricsContext);
return (
<article className="uk-container">
<article>
<div style={{ marginBottom: "1.5em" }} className="uk-text-meta">
Evaluate a single hypothesis against the reference or upload hypothesis and reference files.
Results can be saved and exported as LaTeX and CSV.
......@@ -113,7 +113,7 @@ const About = () => {
) : (
<>
{!summarizers ? (
<Button className="uk-container" onClick={summarizersReload}>
<Button onClick={summarizersReload}>
Retry
</Button>
) : (
......@@ -133,7 +133,7 @@ const About = () => {
) : (
<>
{!metrics ? (
<Button className="uk-container" onClick={metricsReload}>
<Button onClick={metricsReload}>
Retry
</Button>
) : (
......
......@@ -75,12 +75,12 @@ const Evaluate = () => {
if (loading) return <CenterLoading />;
if (!metrics)
return (
<Button className="uk-container" onClick={reload}>
<Button onClick={reload}>
Retry
</Button>
);
return (
<div className="uk-container uk-container-expand">
<div>
<div className="metric-layout">
<div>
<FileInput setCalculation={setComputedCalculation} />
......
......@@ -110,7 +110,7 @@ const InputDocument = ({ summarize, isComputing }) => {
};
return (
<div className="uk-container uk-container-expand uk-margin-medium-top@s uk-margin-large-top@l">
<div className="uk-margin-medium-top@s uk-margin-large-top@l">
<div className="uk-flex uk-flex-between" style={{ minHeight: "60vh" }}>
<div className="uk-flex uk-flex-column" style={{ flexBasis: "60%" }}>
<Header text="Document" fontSize="14pt">
......@@ -449,7 +449,6 @@ const SummaryView = ({ title, summaries, documentLength }) => {
return (
<div
ref={scrollRef}
className="uk-container uk-container-expand"
style={{ scrollMarginTop: "100px" }}
>
<div className="uk-flex">
......@@ -538,7 +537,7 @@ const Summarize = () => {
if (loading) return <CenterLoading />;
if (!summarizers)
return (
<Button className="uk-container" onClick={reload}>
<Button onClick={reload}>
Retry
</Button>
);
......
......@@ -52,7 +52,7 @@ const Visualization = () => {
return (
<>
<div className="uk-container uk-container-expand uk-margin-medium-top@s uk-margin-large-top@l">
<div className="uk-margin-medium-top@s uk-margin-large-top@l">
<div className="uk-flex">
<div style={{ width: "40%" }}>
<div className="uk-flex uk-flex-column" style={{ display: "inline-flex" }}>
......
......@@ -371,13 +371,9 @@ const VisualizationOverview = () => {
const [showOverview, setShowOverview] = useState(true);
if (currVisualization !== null)
return (
<div className="uk-container">
<Visualize visualization={currVisualization} clear={() => setCurrVisualization(null)} />
</div>
);
return (<Visualize visualization={currVisualization} clear={() => setCurrVisualization(null)} />);
if (visualizations) return (
<div className="uk-container">
<div>
{showOverview ? (
<div className="uk-flex uk-flex-top">
<Button onClick={() => setShowOverview((v) => !v)} variant="primary">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment