yadunut/clan-core
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

app: fix 'added' tag typography; test linaria

Browse Source
This commit is contained in:
Johannes Kirschbauer
2025-10-19 14:25:25 +02:00
parent 20a6a5684d
commit 0d182f4431
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
pkgs/clan-app/ui/src/workflows/Service/SelectServiceFlyout.tsx
View File

@@ -8,6 +8,13 @@ import { Module } from "./models";
import Icon from "@/src/components/Icon/Icon"; import Icon from "@/src/components/Icon/Icon";
import { Combobox } from "@kobalte/core/combobox"; import { Combobox } from "@kobalte/core/combobox";
import { useClickOutside } from "@/src/hooks/useClickOutside"; import { useClickOutside } from "@/src/hooks/useClickOutside";
import { css } from "@linaria/core";
// TODO: Move this to typography styles
const tag = css`
font-size: var(--font-size-xs);
font-weight: var(--font-weight-semibold);
`;
interface FlyoutProps { interface FlyoutProps {
onClose: () => void; onClose: () => void;
@@ -78,9 +85,7 @@ export const SelectService = (props: FlyoutProps) => {
<Combobox.ItemLabel class="flex gap-1.5"> <Combobox.ItemLabel class="flex gap-1.5">
<Show when={item.raw.instance_refs.length > 0}> <Show when={item.raw.instance_refs.length > 0}>
<div class="flex items-center rounded bg-[#76FFA4] px-1 py-0.5"> <div class="flex items-center rounded bg-[#76FFA4] px-1 py-0.5">
<Typography hierarchy="label" weight="bold" size="xxs"> <span class={tag}>Added</span>
Added
</Typography>
</div> </div>
</Show> </Show>
<Typography <Typography