Deleted document preview.
This commit is contained in:
parent
f15252317e
commit
8f58a7bc9f
@ -2,9 +2,9 @@ import styled from "styled-components";
|
|||||||
|
|
||||||
const StyledWatermark = styled.div`
|
const StyledWatermark = styled.div`
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
display: grid;
|
// display: grid;
|
||||||
grid-gap: 24px;
|
// grid-gap: 24px;
|
||||||
grid-template-columns: minmax(214px, 324px) 1fr;
|
//grid-template-columns: minmax(214px, 324px) 1fr;
|
||||||
|
|
||||||
.watermark-title {
|
.watermark-title {
|
||||||
margin: 16px 0 4px 0;
|
margin: 16px 0 4px 0;
|
||||||
|
@ -5,8 +5,6 @@ import TextInput from "@docspace/components/text-input";
|
|||||||
import ComboBox from "@docspace/components/combobox";
|
import ComboBox from "@docspace/components/combobox";
|
||||||
import Text from "@docspace/components/text";
|
import Text from "@docspace/components/text";
|
||||||
import Checkbox from "@docspace/components/checkbox";
|
import Checkbox from "@docspace/components/checkbox";
|
||||||
import WMReactSvgUrl from "PUBLIC_DIR/images/WM.react.svg?url";
|
|
||||||
import Watermark from "@docspace/common/components/Watermarks";
|
|
||||||
import { StyledWatermark } from "./StyledComponent";
|
import { StyledWatermark } from "./StyledComponent";
|
||||||
|
|
||||||
const options = (t) => [
|
const options = (t) => [
|
||||||
@ -33,7 +31,7 @@ const TextWatermark = () => {
|
|||||||
const onCheckboxChange = () => {
|
const onCheckboxChange = () => {
|
||||||
setIsChecked(!isChecked);
|
setIsChecked(!isChecked);
|
||||||
};
|
};
|
||||||
const isHorizontal = selectedOption.key === "horizontal";
|
|
||||||
return (
|
return (
|
||||||
<StyledWatermark>
|
<StyledWatermark>
|
||||||
<div>
|
<div>
|
||||||
@ -60,12 +58,6 @@ const TextWatermark = () => {
|
|||||||
isChecked={isChecked}
|
isChecked={isChecked}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<Watermark
|
|
||||||
text={value}
|
|
||||||
image={WMReactSvgUrl}
|
|
||||||
rotate={isHorizontal ? 0 : -45}
|
|
||||||
isSemitransparent={isChecked}
|
|
||||||
/>
|
|
||||||
</StyledWatermark>
|
</StyledWatermark>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -61,8 +61,9 @@ const ViewerInfoWatermark = () => {
|
|||||||
<TabContainer
|
<TabContainer
|
||||||
elements={dataTabs}
|
elements={dataTabs}
|
||||||
onSelect={onSelect}
|
onSelect={onSelect}
|
||||||
multiple
|
|
||||||
withBodyScroll={false}
|
withBodyScroll={false}
|
||||||
|
multiple
|
||||||
|
withBorder
|
||||||
/>
|
/>
|
||||||
<Text className="watermark-title" fontWeight={600} lineHeight="20px">
|
<Text className="watermark-title" fontWeight={600} lineHeight="20px">
|
||||||
{t("Position")}
|
{t("Position")}
|
||||||
@ -75,7 +76,6 @@ const ViewerInfoWatermark = () => {
|
|||||||
isChecked={isChecked}
|
isChecked={isChecked}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div style={{ width: "100px", height: "140px" }}></div>
|
|
||||||
</StyledWatermark>
|
</StyledWatermark>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
@ -4,6 +4,7 @@ import { useTranslation } from "react-i18next";
|
|||||||
import RadioButtonGroup from "@docspace/components/radio-button-group";
|
import RadioButtonGroup from "@docspace/components/radio-button-group";
|
||||||
|
|
||||||
import TextWatermark from "./Text";
|
import TextWatermark from "./Text";
|
||||||
|
import ViewerInfoWatermark from "./ViewerInfo";
|
||||||
import { StyledBody } from "./StyledComponent";
|
import { StyledBody } from "./StyledComponent";
|
||||||
|
|
||||||
const textWatermark = "text",
|
const textWatermark = "text",
|
||||||
@ -49,6 +50,7 @@ const Watermarks = () => {
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
{type === textWatermark && <TextWatermark />}
|
{type === textWatermark && <TextWatermark />}
|
||||||
|
{type === viewerInfoWatermark && <ViewerInfoWatermark />}
|
||||||
</StyledBody>
|
</StyledBody>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user