selfhostyourtech/reflector
2
0
Fork 0
mirror of https://github.com/Monadical-SAS/reflector.git synced 2025-12-20 20:29:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: match font size for the filter sidebar (#507)

Browse Source
This commit is contained in:
Mathieu Virbel
2025-07-22 14:59:23 -06:00
committed by GitHub
parent 24fabe3e86
commit d0e130eb13
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
www/app/(app)/browse/_components/FilterSidebar.tsx
View File

@@ -20,10 +20,11 @@ export default function FilterSidebar({
const sharedRooms = rooms.filter((room) => room.is_shared); const sharedRooms = rooms.filter((room) => room.is_shared);
return ( return (
<Box w={{ base: "full", md: "300px" }} p={4} bg="gray.100" rounded="md"> <Box w={{ base: "full", md: "200px" }} p={4} bg="gray.100" rounded="md">
<Stack gap={3}> <Stack gap={2}>
<Link <Link
as={NextLink} as={NextLink}
fontSize="sm"
href="#" href="#"
onClick={() => onFilterChange(null, "")} onClick={() => onFilterChange(null, "")}
color={selectedSourceKind === null ? "blue.500" : "gray.600"} color={selectedSourceKind === null ? "blue.500" : "gray.600"}
@@ -36,7 +37,7 @@ export default function FilterSidebar({
{myRooms.length > 0 && ( {myRooms.length > 0 && (
<> <>
<Heading size="md">My Rooms</Heading> <Heading size="sm">My Rooms</Heading>
{myRooms.map((room) => ( {myRooms.map((room) => (
<Link <Link
@@ -54,7 +55,7 @@ export default function FilterSidebar({
? "bold" ? "bold"
: "normal" : "normal"
} }
ml={4} fontSize="sm"
> >
{room.name} {room.name}
</Link> </Link>
@@ -64,7 +65,7 @@ export default function FilterSidebar({
{sharedRooms.length > 0 && ( {sharedRooms.length > 0 && (
<> <>
<Heading size="md">Shared Rooms</Heading> <Heading size="sm">Shared Rooms</Heading>
{sharedRooms.map((room) => ( {sharedRooms.map((room) => (
<Link <Link
@@ -82,7 +83,7 @@ export default function FilterSidebar({
? "bold" ? "bold"
: "normal" : "normal"
} }
ml={4} fontSize="sm"
> >
{room.name} {room.name}
</Link> </Link>
@@ -98,6 +99,7 @@ export default function FilterSidebar({
color={selectedSourceKind === "live" ? "blue.500" : "gray.600"} color={selectedSourceKind === "live" ? "blue.500" : "gray.600"}
_hover={{ color: "blue.300" }} _hover={{ color: "blue.300" }}
fontWeight={selectedSourceKind === "live" ? "bold" : "normal"} fontWeight={selectedSourceKind === "live" ? "bold" : "normal"}
fontSize="sm"
> >
Live Transcripts Live Transcripts
</Link> </Link>
@@ -108,6 +110,7 @@ export default function FilterSidebar({
color={selectedSourceKind === "file" ? "blue.500" : "gray.600"} color={selectedSourceKind === "file" ? "blue.500" : "gray.600"}
_hover={{ color: "blue.300" }} _hover={{ color: "blue.300" }}
fontWeight={selectedSourceKind === "file" ? "bold" : "normal"} fontWeight={selectedSourceKind === "file" ? "bold" : "normal"}
fontSize="sm"
> >
Uploaded Files Uploaded Files
</Link> </Link>