Changes in theming
This commit is contained in:
parent
df7470f147
commit
03db7575fd
|
@ -2,7 +2,7 @@ import React from "react";
|
||||||
|
|
||||||
function VoiceBars() {
|
function VoiceBars() {
|
||||||
return (
|
return (
|
||||||
<div className="waves" style={{transform: "rotate(180deg)", marginTop: "130px"}}>
|
<div className="waves" style={{transform: "rotate(180deg)", marginTop: "130px", transition: "1s"}}>
|
||||||
<svg width="100vw" fill="none" version="1.1"
|
<svg width="100vw" fill="none" version="1.1"
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
|
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||||
|
|
|
@ -12,10 +12,13 @@ function GenericPageWithIcon(props) {
|
||||||
direction="column"
|
direction="column"
|
||||||
alignContent="center"
|
alignContent="center"
|
||||||
height="95vh"
|
height="95vh"
|
||||||
|
style={{
|
||||||
|
padding: "0 3em",
|
||||||
|
}}
|
||||||
>
|
>
|
||||||
{props.icon}
|
{props.icon}
|
||||||
<Heading>{props.title}</Heading>
|
<Heading>{props.title}</Heading>
|
||||||
<Text>{props.description}</Text>
|
<Text style={{ textAlign: "center" }}>{props.description}</Text>
|
||||||
<Button primary size="large" onClick={props.close}
|
<Button primary size="large" onClick={props.close}
|
||||||
label="Dismiss" margin="1.5em" />
|
label="Dismiss" margin="1.5em" />
|
||||||
</Box>
|
</Box>
|
||||||
|
|
Loading…
Reference in New Issue