azpsen/tailfin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update colors

Browse Source
This commit is contained in:
april 2024-01-08 13:12:16 -06:00
parent c4f990ea19
commit 921a3be6b2
3 changed files with 33 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/app/routes/logbook.flights.$id/route.tsx
View File

@ -130,11 +130,17 @@ export default function Flight() {
{(log.pax || log.crew) &&
(log.pax.length > 0 || log.crew.length > 0) ? (
<Group grow mt="sm">
<VerticalLogItem label="Pax" content={log.pax} list />
<VerticalLogItem
label="Pax"
content={log.pax}
list
listColor="gray"
/>
<VerticalLogItem
label="Crew"
content={log.crew}
list
listColor="gray"
/>
</Group>
) : null}

42
web/app/routes/logbook.flights/flights-list.tsx
View File

@ -116,26 +116,30 @@ function FlightsListDisplay({
</Text>
{flight.waypoint_from ||
flight.waypoint_to ? (
<Text>/</Text>
<>
<Text>/</Text>
<Group gap="xs">
{flight.waypoint_from ? (
<Text>
{flight.waypoint_from}
</Text>
) : (
""
)}
{flight.waypoint_from &&
flight.waypoint_to ? (
<IconArrowRightTail />
) : null}
{flight.waypoint_to ? (
<Text>
{flight.waypoint_to}
</Text>
) : (
""
)}
</Group>
</>
) : null}
<Group gap="xs">
{flight.waypoint_from ? (
<Text>
{flight.waypoint_from}
</Text>
) : (
""
)}
{flight.waypoint_from &&
flight.waypoint_to ? (
<IconArrowRightTail />
) : null}
{flight.waypoint_to ? (
<Text>{flight.waypoint_to}</Text>
) : (
""
)}
</Group>
</Group>
}
description={

4
web/app/ui/display/log-item.tsx
View File

@ -27,6 +27,7 @@ export function VerticalLogItem({
time = false,
date = false,
list = false,
listColor = "",
}: {
label: string;
content: string | string[] | null;
@ -35,6 +36,7 @@ export function VerticalLogItem({
time?: boolean;
date?: boolean;
list?: boolean;
listColor?: string;
}) {
if (content === null) content = "";
if (decimal > 0) content = Number(content).toFixed(decimal);
@ -56,7 +58,7 @@ export function VerticalLogItem({
{(content as string[]).length > 0 ? (
<Text size="lg">
{(content as string[]).map((item) => (
<Badge key={randomId()} size="lg" mx="xs">
<Badge key={randomId()} size="lg" mx="xs" color={listColor}>
{item}
</Badge>
))}