b9154f6ea9
* Updating homepage body color * WIP: Fixing scrolls and adding anchors * Removing divider from bottom of the page. * Adding hover background color to app card * Changing edit and launch icons. * Fixing app name paddding in card. * Fixing workspaces overflow * Adding right padding to applications view * Adding share icon to share btn * Fixing Application card styles. * Fixing text decoration in button. * Adding new workspace button * Fixing new workspace and new app styles. * Adding icon sizes. * Fixing Org Name and Org settings menu. * Application menu working * Fixing overlay visibility on app card * Fixing settings page content width. * Fixing workspace icon * Changing app card colors. * Removing debugger * Adding app icon. * Fixing the spaces in application card * Adding storybook-static folder to gitignore. * Adding other storybook files. * Adding menu items for app * Removing cypress selector from text. * Menu width issue fixed * Default app icon color added * Removing hardcoded colors * Removing hardcoded colors. * Light Mode on! * Showing correct icon and color in menu * Update color working properly. * Updating appIcon * Editable text working. * Adding validator * Adding edit permissions to menu * Removing box shadow on app card. * Fixing context menu fill color * Fixing Menu hover issues. * Fixing menu open close hover issues. * Fixing settings pages * Changed Workspace to org. * Fix: State management in EditableText Component (#540) * Error state height is fixed as per design * savingState prop condition fixed * Fixing createnew. * Fixing saving state for application card. * Fixed application card editable text error. * Fixing issue caused during merge. * Fixing tests in create org. * Removing commented code. * Removing unwanted vars. * Fixing delete duplicate tests. * Latest color palette. * Fixing form and table widget. * Removing switcher from header * Removing unused files * Fixing app card context dropdown * Show overlay fix * Adding localStorage support to theme. * Making dark mode the default. Co-authored-by: Rohit Kumawat <rohit.kumawat@primathon.in>
62 lines
1.2 KiB
TypeScript
62 lines
1.2 KiB
TypeScript
import React, { ReactNode } from "react";
|
|
import { Helmet } from "react-helmet";
|
|
import styled from "styled-components";
|
|
|
|
const Wrapper = styled.section`
|
|
margin-top: ${props => props.theme.homePage.header}px;
|
|
&& .fade {
|
|
position: relative;
|
|
}
|
|
&& .fade-enter {
|
|
opacity: 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
&& .fade-enter.fade-enter-active {
|
|
opacity: 1;
|
|
transition: opacity 150ms ease-in;
|
|
}
|
|
.fade-exit {
|
|
opacity: 1;
|
|
}
|
|
.fade-exit-active {
|
|
display: none;
|
|
opacity: 0;
|
|
}
|
|
`;
|
|
|
|
const PageBody = styled.div`
|
|
height: calc(
|
|
100vh - ${props => props.theme.homePage.header}px
|
|
);
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
// padding-top: ${props => props.theme.spaces[12]}px;
|
|
margin: 0 auto;
|
|
& > * {
|
|
width: 100%;
|
|
}
|
|
`;
|
|
|
|
type PageWrapperProps = {
|
|
children?: ReactNode;
|
|
displayName?: string;
|
|
};
|
|
|
|
export const PageWrapper = (props: PageWrapperProps) => {
|
|
return (
|
|
<Wrapper>
|
|
<Helmet>
|
|
<title>{`${
|
|
props.displayName ? `${props.displayName} | ` : ""
|
|
}Appsmith`}</title>
|
|
</Helmet>
|
|
<PageBody>{props.children}</PageBody>
|
|
</Wrapper>
|
|
);
|
|
};
|
|
|
|
export default PageWrapper;
|