Fix layout issue (specifically to disallow scrolling on mobile)

This commit is contained in:
Timothy Armes
2023-07-07 08:09:34 +02:00
parent 9f23d31872
commit ad618809f2
11 changed files with 16 additions and 18 deletions
+1 -1
View File
@@ -265,7 +265,7 @@ export default function TournamentMap() {
};
return (
<section id="tournament-map" className="flex h-screen flex-col pb-[144px]">
<section id="tournament-map" className="flex h-content flex-col">
<div className="p-3 lg:hidden">
<TimeControlFilters />
</div>
+1 -1
View File
@@ -46,7 +46,7 @@ export default function TournamentTable() {
return (
<section
className="tournament-table grid w-full auto-rows-max pb-20 lg:col-start-2 lg:col-end-3 lg:h-screen lg:overflow-y-scroll lg:pb-[144px]"
className="tournament-table grid w-full auto-rows-max pb-20 lg:col-start-2 lg:col-end-3 lg:h-content lg:overflow-y-scroll lg:pb-0"
id="tournament-table"
data-test="tournament-table-div"
>
+1 -1
View File
@@ -12,7 +12,7 @@ import TournamentTable from "./TournamentTable";
const LoadingMap = () => {
const t = useTranslations("Tournaments");
return (
<div className="grid h-screen place-items-center bg-white text-gray-900 dark:bg-gray-800 dark:text-white">
<div className="grid h-content place-items-center bg-white text-gray-900 dark:bg-gray-800 dark:text-white">
<p>{t("loading")}</p>
</div>
);