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

let splash icon header take in style prop

This commit is contained in:
Silas 2022-02-24 00:08:23 -05:00
parent fb0561e3a2
commit 26b4a964ca
Signed by: silentsilas
GPG Key ID: 4199EFB7DAA34349
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/stories/SplashIconHeader.tsx
View File

@ -1,9 +1,13 @@
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";
const SplashIconHeader = () => { export interface SplashIconHeaderProps {
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";
@ -13,7 +17,7 @@ const SplashIconHeader = () => {
const r = "60"; const r = "60";
return ( 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} /> <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