3pp-mirror/pomerium
1
0
Fork 0
mirror of https://github.com/pomerium/pomerium.git synced 2025-04-28 18:06:34 +02:00
Code Issues Projects Releases Packages Wiki Activity

handle long names in the cards for route portal - ENG-2026 (#5514)

Browse source 
handle long names in the cards for route portal
This commit is contained in:
Nathan Hayfield 2025-03-03 21:07:25 +01:00 • committed by GitHub
parent 6be4efd48b
commit ef48f8a0cc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 25 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
ui/src/components/RoutesPage.tsx
View file

@ -34,8 +34,21 @@ const RouteCard: FC<RouteCardProps> = ({ route }) => {
};
return (
<Card raised={true}>
<CardActionArea href={route.from} target="_blank" onClick={handleClick}>
<Card
raised={true}
sx={{
height: "100%",
display: "flex",
flexDirection: "column",
justifyContent: "space-between",
}}
>
<CardActionArea
sx={{ height: "100%" }}
href={route.from}
target="_blank"
onClick={handleClick}
>
<CardHeader
avatar={
route.logo_url ? (
@ -67,7 +80,16 @@ const RouteCard: FC<RouteCardProps> = ({ route }) => {
</IconButton>
)
}
title={route.name}
title={
<Box
component="span"
sx={{
wordBreak: "break-all",
}}
>
{route.name}
</Box>
}
/>
<CardContent>
{route.description && (