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

Web:Client:Added calendar styles for mobile phones in vertical position.

Browse Source
This commit is contained in:
Vlada Gazizova 2024-01-26 17:05:53 +03:00
parent 0471b801ec
commit 5174a80282
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/client/src/pages/Home/InfoPanel/Body/sub-components/ItemTitle/Calendar.js
View File

@ -1,8 +1,9 @@
import { useState, useEffect, useRef } from "react";
import styled from "styled-components";
import styled, { css } from "styled-components";
import moment from "moment";
import Calendar from "@docspace/components/calendar";
import Portal from "@docspace/components/portal";
import { isMobile } from "@docspace/components/utils/device";
const StyledCalendarComponent = styled.div`
position: relative;
@ -24,6 +25,15 @@ const StyledCalendar = styled(Calendar)`
position: absolute;
top: 150px;
right: 30px;
${(props) =>
props.isMobile &&
css`
position: fixed;
bottom: 0;
top: auto;
right: auto;
`}
`;
const CalendarComponent = ({ roomCreationDate, setCalendarDay }) => {
@ -77,6 +87,7 @@ const CalendarComponent = ({ roomCreationDate, setCalendarDay }) => {
minDate={new Date(formattedRoomCreationDate)}
maxDate={new Date()}
forwardedRef={calendarRef}
isMobile={isMobile()}
/>
}
/>