Intended
/
attendant
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: Intended:a9e3eb8b2ca9030a89e26f6006abc72810743758
Branches Tags
Intended:main
..
compare: Intended:3e685eaf8d42aba18d45d9e9872c4f78fd6c4966
Branches Tags
Intended:main

No commits in common. "a9e3eb8b2ca9030a89e26f6006abc72810743758" and "3e685eaf8d42aba18d45d9e9872c4f78fd6c4966" have entirely different histories.
a9e3eb8b2c ... 3e685eaf8d

4 changed files with 8 additions and 10 deletions
Show Stats Expand all files Collapse all files

4
package-lock.json generated
View File

@ -1,12 +1,12 @@
{ {
"name": "@intended/intended-ui", "name": "@intended/intended-ui",
"version": "0.1.26", "version": "0.1.22",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "@intended/intended-ui", "name": "@intended/intended-ui",
"version": "0.1.26", "version": "0.1.22",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"polished": "^4.1.3", "polished": "^4.1.3",

2
package.json
View File

@ -2,7 +2,7 @@
"name": "@intended/intended-ui", "name": "@intended/intended-ui",
"description": "Storybook UI library for Intended Link", "description": "Storybook UI library for Intended Link",
"license": "MIT", "license": "MIT",
"version": "0.1.26", "version": "0.1.22",
"private": false, "private": false,
"main": "dist/index.js", "main": "dist/index.js",
"repository": "https://git.silentsilas.com/Intended/attendant.git", "repository": "https://git.silentsilas.com/Intended/attendant.git",

4
src/stories/SplashIconHeader.tsx
View File

@ -1,4 +1,4 @@
import React, { FC } from "react"; import React from "react";
import { rgba } from "polished"; import { rgba } from "polished";
import CSS from "csstype"; import CSS from "csstype";
import { color, opacity } from "../shared/styles"; import { color, opacity } from "../shared/styles";
@ -7,7 +7,7 @@ export interface SplashIconHeaderProps {
style?: CSS.Properties; style?: CSS.Properties;
} }
const SplashIconHeader: FC<SplashIconHeaderProps> = ({ style }) => { const SplashIconHeader = ({ style }: SplashIconHeaderProps) => {
const bgCircleColor = rgba(color.white, opacity.light); const bgCircleColor = rgba(color.white, opacity.light);
const dotColor = "#ffffff"; const dotColor = "#ffffff";

8
src/stories/utilities/CenteredContainer.tsx
View File

@ -7,7 +7,6 @@ import { color } from "../../shared/styles";
interface CenteredContainerProps { interface CenteredContainerProps {
children: ReactNode | null; children: ReactNode | null;
style?: CSS.Properties; style?: CSS.Properties;
className?: string | undefined;
fullscreen?: boolean; fullscreen?: boolean;
wide?: boolean; wide?: boolean;
} }
@ -15,12 +14,11 @@ interface CenteredContainerProps {
const CenteredContainer: FC<CenteredContainerProps> = ({ const CenteredContainer: FC<CenteredContainerProps> = ({
children, children,
style, style,
className,
fullscreen = false, fullscreen = false,
wide = false, wide = false,
}) => { }) => {
return ( return (
<StyledDiv style={style} fullscreen={fullscreen} wide={wide} className={className}> <StyledDiv style={style} fullscreen={fullscreen} wide={wide}>
{children} {children}
</StyledDiv> </StyledDiv>
); );
@ -29,7 +27,7 @@ const CenteredContainer: FC<CenteredContainerProps> = ({
export { CenteredContainer }; export { CenteredContainer };
const StyledDiv = styled.div<CenteredContainerProps>` const StyledDiv = styled.div<CenteredContainerProps>`
height: 100%; height: 100vh;
text-align: center; text-align: center;
display: flex; display: flex;
@ -40,7 +38,7 @@ const StyledDiv = styled.div<CenteredContainerProps>`
${(props) => ${(props) =>
props.fullscreen && props.fullscreen &&
css` css`
width: 100%; width: 100vw;
background: linear-gradient(180deg, #060b2e 0%, #051745 100%); background: linear-gradient(180deg, #060b2e 0%, #051745 100%);
`} `}