diff --git a/src/styles/sections.css b/src/styles/sections.css index c8a9c39..9cfbd5d 100644 --- a/src/styles/sections.css +++ b/src/styles/sections.css @@ -138,6 +138,16 @@ background-color: rgba(0,0,0,.6); padding: 2px; border-radius: 4px; - text-align: left; + text-align: right; right: 0; + padding: .75em; +} + +.nopad { + padding: 0; + margin: 0; +} + +.nopad a { + color: #ff00ea; } \ No newline at end of file diff --git a/src/template/Sections.jsx b/src/template/Sections.jsx index b243f10..48e84eb 100644 --- a/src/template/Sections.jsx +++ b/src/template/Sections.jsx @@ -128,6 +128,11 @@ class GameMap extends React.Component { } } + shorten(s) { + return s.slice(0, 6) + '...' + s.slice(-4) + } + + componentDidUpdate(prevProps) { if ( (this.props.bombSupply !== prevProps.bombSupply) || @@ -158,8 +163,15 @@ class GameMap extends React.Component {
-

Kill Leader: {this.props.killLeader}

-

{this.props.killLeaderCount} kills

+

+ Kill Leader:
+ {this.props.killLeaderCount} kills +

+

+ + {this.shorten(this.props.killLeader)} + +

@@ -345,6 +357,7 @@ function Section3() { }) } }); + console.log(sendBombsWrite.error?.message); return (
{isConnected &&