nikdoof/leggen
1
1
Fork 0
mirror of https://github.com/elisiariocouto/leggen.git synced 2025-12-14 02:42:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): Resolve mobile horizontal scroll in Time Period filters

Browse Source 
Co-authored-by: elisiariocouto <818914+elisiariocouto@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2025-09-21 22:48:32 +00:00
committed by Elisiário Couto
parent dd24a0e0d3
commit 4ce56fdc04
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/analytics/TimePeriodFilter.tsx
View File

@@ -15,12 +15,12 @@ export default function TimePeriodFilter({
className = "", className = "",
}: TimePeriodFilterProps) { }: TimePeriodFilterProps) {
return ( return (
<div className={`flex items-center gap-4 ${className}`}> <div className={`flex flex-col sm:flex-row sm:items-center gap-4 ${className}`}>
<div className="flex items-center gap-2 text-foreground"> <div className="flex items-center gap-2 text-foreground">
<Calendar size={20} /> <Calendar size={20} />
<span className="font-medium">Time Period:</span> <span className="font-medium">Time Period:</span>
</div> </div>
<div className="flex gap-2"> <div className="flex flex-wrap gap-2">
{TIME_PERIODS.map((period) => ( {TIME_PERIODS.map((period) => (
<Button <Button
key={period.value} key={period.value}