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