responsive highlight button

This commit is contained in:
Philipinho
2026-02-01 23:55:10 +00:00
parent 9db9eb852c
commit fe3732add9
2 changed files with 5 additions and 5 deletions
@@ -74,16 +74,16 @@ export default function HistoryModalBody({ pageId }: Props) {
transform: "translateX(-50%)", transform: "translateX(-50%)",
}} }}
> >
<Group gap="md"> <Group gap="md" wrap="nowrap">
<Switch <Switch
label={t("Highlight changes")} label={t("Highlight changes")}
checked={highlightChanges} checked={highlightChanges}
onChange={(e) => setHighlightChanges(e.currentTarget.checked)} onChange={(e) => setHighlightChanges(e.currentTarget.checked)}
style={{ userSelect: "none" }} styles={{ label: { userSelect: "none", whiteSpace: "nowrap" } }}
/> />
{highlightChanges && diffCounts && diffCounts.total > 0 && ( {highlightChanges && diffCounts && diffCounts.total > 0 && (
<Group gap="xs"> <Group gap="xs" wrap="nowrap">
<Text size="sm" c="dimmed"> <Text size="sm" c="dimmed" style={{ whiteSpace: "nowrap" }}>
{currentChangeIndex} of {diffCounts.total} {currentChangeIndex} of {diffCounts.total}
</Text> </Text>
<ActionIcon <ActionIcon
@@ -46,7 +46,7 @@ export default function HistoryModal({ pageId, pageTitle }: Props) {
return ( return (
<Modal.Root <Modal.Root
size={1200} size={1400}
opened={isModalOpen} opened={isModalOpen}
onClose={() => setModalOpen(false)} onClose={() => setModalOpen(false)}
> >