mirror of
https://github.com/docmost/docmost.git
synced 2026-05-19 07:54:05 +08:00
responsive highlight button
This commit is contained in:
@@ -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)}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user