IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Shared:Components:MediaViewer:DesktopDetails Added types and styles

Browse Source
This commit is contained in:
Akmal Isomadinov 2024-01-29 19:21:37 +05:00
parent d1672840bf
commit bb1b1a52b8
2 changed files with 39 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
packages/shared/components/MediaViewer/sub-components/DesktopDetails/DesktopDetails.styled.ts Normal file
View File

@ -0,0 +1,34 @@
import styled from "styled-components";
export const DesktopDetailsContainer = styled.div`
padding-top: 21px;
height: 64px;
width: 100%;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.8) 100%
);
position: fixed;
top: 0;
left: 0;
z-index: 307;
.title {
text-align: center;
white-space: nowrap;
overflow: hidden;
font-size: 20px;
font-weight: 600;
text-overflow: ellipsis;
width: calc(100% - 50px);
${({ theme }) =>
theme.interfaceDirection === "rtl"
? `padding-right: 16px;`
: `padding-left: 16px;`}
box-sizing: border-box;
color: ${(props) => props.theme.mediaViewer.titleColor};
}
`;

5
packages/shared/components/MediaViewer/sub-components/DesktopDetails/DesktopDetails.type.ts Normal file
View File

@ -0,0 +1,5 @@
export type DesktopDetailsProps = {
title: string;
onMaskClick: VoidFunction;
className?: string;
};