oxaliq/node-go
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

style kifu

Browse source
This commit is contained in:
sorrelbri 2020-06-21 16:32:24 -07:00
parent 8414d13949
commit 35c51c567f
2 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
packages/play-node-go/src/components/GameUI/Kifu/Kifu.js
View file

@ -2,10 +2,11 @@ import React from "react";
import "./Kifu.scss"; import "./Kifu.scss";
const Kifu = ({ ...props }) => { const Kifu = ({ ...props }) => {
console.log(props);
return ( return (
<> <div className="Kifu">
<p>Kifu</p> <div className="Kifu__board"></div>
</> </div>
); );
}; };

13
packages/play-node-go/src/components/GameUI/Kifu/Kifu.scss
View file

@ -0,0 +1,13 @@
div.Kifu {
order: 0;
height: 10vh;
width: 8vh;
background-color: #FFF;
transform: rotate(-20deg);
div.Kifu__board {
border: 0.25vh solid #444;
width: 5vh;
height: 5vh;
margin: 1vh 2vh 2vh auto;
}
}