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

Compare commits

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

2 Commits
fb0561e3a2 ... 3e685eaf8d

Author SHA1 Message Date
Silas 3e685eaf8d
0.1.22 2022-02-24 00:08:47 -05:00
Silas 26b4a964ca
let splash icon header take in style prop 2022-02-24 00:08:23 -05:00
3 changed files with 10 additions and 6 deletions
Show Stats Expand all files Collapse all files

4
package-lock.json generated
View File

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

2
package.json
View File

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

10
src/stories/SplashIconHeader.tsx
View File

@ -1,9 +1,13 @@
import React from "react";
import { rgba } from "polished";
import CSS from "csstype";
import { color, opacity } from "../shared/styles";
const SplashIconHeader = () => {
export interface SplashIconHeaderProps {
style?: CSS.Properties;
}
const SplashIconHeader = ({ style }: SplashIconHeaderProps) => {
const bgCircleColor = rgba(color.white, opacity.light);
const dotColor = "#ffffff";
@ -13,7 +17,7 @@ const SplashIconHeader = () => {
const r = "60";
return (
<svg width="44rem" viewBox="0 0 440 120">
<svg width="44rem" viewBox="0 0 440 120" style={style}>
<circle r={r} cx="60" cy={cy} fill={bgCircleColor} />
<svg width="51" height="60" viewBox="0 0 51 60" fill="none" x="35" y="30">
<path