random tag: change to flexbox
This commit is contained in:
parent
b1f62577a1
commit
24c358f8f7
1 changed files with 3 additions and 5 deletions
|
@ -35,10 +35,7 @@ export const PseudoRandom = ({
|
||||||
<div
|
<div
|
||||||
class="pseudo-random"
|
class="pseudo-random"
|
||||||
style={{
|
style={{
|
||||||
display: "grid",
|
display: "flex",
|
||||||
gridTemplateColumns: `repeat(${
|
|
||||||
toChildArray(children).length * repeat
|
|
||||||
}, 1fr)`,
|
|
||||||
backgroundColor: "#008282",
|
backgroundColor: "#008282",
|
||||||
borderRadius: "0.5rem",
|
borderRadius: "0.5rem",
|
||||||
height: "3rem",
|
height: "3rem",
|
||||||
|
@ -57,7 +54,8 @@ export const Choice = ({ children }: { children: ComponentChildren }) => (
|
||||||
style={{
|
style={{
|
||||||
width: "100%",
|
width: "100%",
|
||||||
height: "100%",
|
height: "100%",
|
||||||
display: "inline-block",
|
display: "flex",
|
||||||
|
flex: 1,
|
||||||
cursor: "pointer",
|
cursor: "pointer",
|
||||||
}}
|
}}
|
||||||
class="choice"
|
class="choice"
|
||||||
|
|
Loading…
Reference in a new issue