Compare commits
No commits in common. "3e685eaf8d42aba18d45d9e9872c4f78fd6c4966" and "fb0561e3a2c1cb8f846ff4d4b96472f884c14944" have entirely different histories.
3e685eaf8d
...
fb0561e3a2
|
@ -1,12 +1,12 @@
|
||||||
{
|
{
|
||||||
"name": "@intended/intended-ui",
|
"name": "@intended/intended-ui",
|
||||||
"version": "0.1.22",
|
"version": "0.1.21",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "@intended/intended-ui",
|
"name": "@intended/intended-ui",
|
||||||
"version": "0.1.22",
|
"version": "0.1.21",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"polished": "^4.1.3",
|
"polished": "^4.1.3",
|
||||||
|
|
|
@ -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.22",
|
"version": "0.1.21",
|
||||||
"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",
|
||||||
|
|
|
@ -1,13 +1,9 @@
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { rgba } from "polished";
|
import { rgba } from "polished";
|
||||||
import CSS from "csstype";
|
|
||||||
import { color, opacity } from "../shared/styles";
|
import { color, opacity } from "../shared/styles";
|
||||||
|
|
||||||
export interface SplashIconHeaderProps {
|
const SplashIconHeader = () => {
|
||||||
style?: CSS.Properties;
|
|
||||||
}
|
|
||||||
|
|
||||||
const SplashIconHeader = ({ style }: SplashIconHeaderProps) => {
|
|
||||||
const bgCircleColor = rgba(color.white, opacity.light);
|
const bgCircleColor = rgba(color.white, opacity.light);
|
||||||
|
|
||||||
const dotColor = "#ffffff";
|
const dotColor = "#ffffff";
|
||||||
|
@ -17,7 +13,7 @@ const SplashIconHeader = ({ style }: SplashIconHeaderProps) => {
|
||||||
const r = "60";
|
const r = "60";
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<svg width="44rem" viewBox="0 0 440 120" style={style}>
|
<svg width="44rem" viewBox="0 0 440 120">
|
||||||
<circle r={r} cx="60" cy={cy} fill={bgCircleColor} />
|
<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">
|
<svg width="51" height="60" viewBox="0 0 51 60" fill="none" x="35" y="30">
|
||||||
<path
|
<path
|
||||||
|
|
Loading…
Reference in New Issue