diff --git a/src/styles/sections.css b/src/styles/sections.css index b5cd642..9767f63 100644 --- a/src/styles/sections.css +++ b/src/styles/sections.css @@ -109,19 +109,13 @@ } .dots { - width: 7px; - height: 7px; + width: 10px; + height: 10px; position: absolute; border-radius: 50%; - animation: pulse .75s ease infinite alternate; + animation: pulse .5s ease infinite alternate; } -.squares { - width: 7px; - height: 7px; - position: absolute; - animation: pulse .75s ease infinite alternate; -} @keyframes pulse { 0% { opacity: .5 } diff --git a/src/template/Sections.jsx b/src/template/Sections.jsx index 8275c0d..1dc4bb8 100644 --- a/src/template/Sections.jsx +++ b/src/template/Sections.jsx @@ -1,14 +1,13 @@ import React, { useState } from 'react'; import { ethers, BigNumber } from 'ethers'; import { useAccount, useContractReads, useContractRead, usePrepareContractWrite, useContractWrite, useWaitForTransaction } from 'wagmi'; -import Typewriter from 'react-ts-typewriter'; -import Slider from 'rc-slider'; import { Parallax } from 'react-parallax'; import { animateScroll as scroll } from 'react-scroll' import { NotificationContainer, NotificationManager } from 'react-notifications'; -import { publicProvider } from 'wagmi/providers/public'; - import { AwesomeButton } from 'react-awesome-button'; +import Typewriter from 'react-ts-typewriter'; +import Slider from 'rc-slider'; + import Boomer from '../img/unaboomer.png'; import Newspapers from '../img/newspapers.png'; import Bomb from '../img/bomb.png'; @@ -153,32 +152,37 @@ class GameMap extends React.Component { return ( <>
- Kill Leader:
-
- {this.shorten(this.props.leaderAddress)}
-
-
- {this.props.leaderKillCount} kills -
-
+ Kill Leader:
+
+ {this.shorten(this.props.leaderAddress)}
+
+
+ {this.props.leaderKillCount} kills +
+