khollise/frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: ui too large on mobile
All checks were successful
Deploy to Netlify / Deploy to Netlify (push) Successful in 1m16s
Details

Browse source
This commit is contained in:
Nathan Lamy 2026-03-05 18:08:34 +01:00
parent 9ad1ca4d5a
commit 52317bdf97
1 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
app/components/home/index.tsx
View file

@ -19,7 +19,6 @@ import {
SelectValue, SelectValue,
} from "~/components/ui/select"; } from "~/components/ui/select";
import { Tabs, TabsList, tabsStyle, TabsTrigger } from "~/components/ui/tabs"; import { Tabs, TabsList, tabsStyle, TabsTrigger } from "~/components/ui/tabs";
import DatePickerWithRange from "~/components/home/date-picker";
import BottomNavigation from "~/components/bottom-nav"; import BottomNavigation from "~/components/bottom-nav";
import Error from "~/components/error"; import Error from "~/components/error";
import { useSearchParams } from "react-router"; import { useSearchParams } from "react-router";
@ -211,19 +210,21 @@ export default function Home({ user }: { user: User }) {
{/* Filter component */} {/* Filter component */}
<div className="flex gap-2 pb-0 pt-2"> <div className="flex gap-2 pb-0 pt-2">
<Select value={subjectFilter} onValueChange={setSubject}> {activeTab !== "upcoming" && (
<SelectTrigger className="rounded-full data-[placeholder]:text-primary"> <Select value={subjectFilter} onValueChange={setSubject}>
<SelectValue placeholder="Matière" /> <SelectTrigger className="rounded-full data-[placeholder]:text-primary">
</SelectTrigger> <SelectValue placeholder="Matière" />
<SelectContent> </SelectTrigger>
<SelectItem value="all">Toutes</SelectItem> <SelectContent>
{subjects.map((subject) => ( <SelectItem value="all">Toutes</SelectItem>
<SelectItem key={subject} value={subject}> {subjects.map((subject) => (
{subject} <SelectItem key={subject} value={subject}>
</SelectItem> {subject}
))} </SelectItem>
</SelectContent> ))}
</Select> </SelectContent>
</Select>
)}
<Select value={examinerFilter} onValueChange={setExaminer}> <Select value={examinerFilter} onValueChange={setExaminer}>
<SelectTrigger className="rounded-full data-[placeholder]:text-primary"> <SelectTrigger className="rounded-full data-[placeholder]:text-primary">