menu stuff
This commit is contained in:
parent
cf4972a1b8
commit
493e7bcfd5
@ -262,12 +262,8 @@ figure.gray {
|
|||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
.options {
|
|
||||||
font-size: 200%;
|
|
||||||
}
|
|
||||||
|
|
||||||
button {
|
button {
|
||||||
height: 2em;
|
height: 2.5em;
|
||||||
// border-radius: 0.1em;
|
// border-radius: 0.1em;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|||||||
@ -164,7 +164,7 @@
|
|||||||
|
|
||||||
|
|
||||||
// portrait menu or small size vertical in landscape
|
// portrait menu or small size vertical in landscape
|
||||||
@media (max-width: 550px) and (max-height: 800px) {
|
@media (max-width: 550px) and (max-height: 800px) and (orientation: portrait) {
|
||||||
#mnml {
|
#mnml {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
grid-template-rows: 1fr;
|
grid-template-rows: 1fr;
|
||||||
|
|||||||
@ -59,17 +59,7 @@ function Header(args) {
|
|||||||
|
|
||||||
if (!account) return false;
|
if (!account) return false;
|
||||||
|
|
||||||
if (!authenticated) return (
|
if (!authenticated) return false;
|
||||||
<header>
|
|
||||||
<div class="options">
|
|
||||||
<button
|
|
||||||
onClick={() => navTo('play')}
|
|
||||||
class='logo login-btn'>
|
|
||||||
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
)
|
|
||||||
|
|
||||||
function navTo(p) {
|
function navTo(p) {
|
||||||
return setNav(p);
|
return setNav(p);
|
||||||
@ -83,11 +73,6 @@ function Header(args) {
|
|||||||
return (
|
return (
|
||||||
<header>
|
<header>
|
||||||
<div class="options">
|
<div class="options">
|
||||||
<button
|
|
||||||
onClick={() => navTo('play')}
|
|
||||||
class='logo login-btn'>
|
|
||||||
|
|
||||||
</button>
|
|
||||||
<button
|
<button
|
||||||
onClick={() => navTo('play')}
|
onClick={() => navTo('play')}
|
||||||
class={`login-btn ${nav === 'play' ? 'highlight' : ''}`}>
|
class={`login-btn ${nav === 'play' ? 'highlight' : ''}`}>
|
||||||
|
|||||||
@ -19,7 +19,7 @@ function Welcome() {
|
|||||||
const form = <div>{pageEl()}</div>;
|
const form = <div>{pageEl()}</div>;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<header>
|
||||||
<div class="options">
|
<div class="options">
|
||||||
<button
|
<button
|
||||||
class={`login-btn ${page === 'login' ? 'highlight' : ''}`}
|
class={`login-btn ${page === 'login' ? 'highlight' : ''}`}
|
||||||
@ -41,7 +41,7 @@ function Welcome() {
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
{form}
|
{form}
|
||||||
</div>
|
</header>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,2 +1,5 @@
|
|||||||
# FIXME
|
# FIXME
|
||||||
game ready not auto starting resolve phase
|
game ready not auto starting resolve phase
|
||||||
|
|
||||||
|
remove big header and move to rhs of news pane
|
||||||
|
add big logo w/ noise when you mouseover stuff etc
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user