diff options
Diffstat (limited to 'animism-align/frontend/common')
| -rw-r--r-- | animism-align/frontend/common/app.css | 78 | ||||
| -rw-r--r-- | animism-align/frontend/common/form.css | 3 | ||||
| -rw-r--r-- | animism-align/frontend/common/header.component.js | 41 | ||||
| -rw-r--r-- | animism-align/frontend/common/index.js | 2 |
4 files changed, 4 insertions, 120 deletions
diff --git a/animism-align/frontend/common/app.css b/animism-align/frontend/common/app.css index 699505f..3482820 100644 --- a/animism-align/frontend/common/app.css +++ b/animism-align/frontend/common/app.css @@ -74,84 +74,6 @@ li { line-height: 1.5; } -/* header */ - -header { - height: 3.125rem; - font-size: 0.875rem; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - background: rgba(16,32,64,0.5); - color: white; - z-index: 50; -} -header b { - font-weight: 900; -} -header a { - color: rgba(255,255,255,0.95); - text-decoration: none; - font-size: 0.875rem; - font-weight: 500; -} -header > div:first-child { - display: flex; - justify-content: flex-start; - align-items: center; - padding-left: 1.5rem; -} -header > div:last-child { - padding-right: 1.5rem; -} -header > div > button { - padding: 0.25rem; - margin: 0 0 0 0.5rem; - background: #000; - border-color: #888; - color: #888; -} -header > div > button:hover { - border-color: #fff; - color: #fff; -} -header .vcat-btn { - font-size: 0.875rem; - padding-left: 0.5rem; - letter-spacing: 0.0625rem; -} -header > div:last-child a { - padding: 0.5rem; -} -header .btn-link:focus, -header .btn-link:hover, -header .btn-link:active, -header a:focus, -header a:hover, -header a:active { - text-decoration: none; - color: white; -} -header a:focus, -header a:hover, -header a:active { - color: white; -} -.menuToggle { - width: 1.625rem; - height: 1.625rem; - cursor: pointer; - line-height: 1; -} -header a.navbar-brand { - font-size: .8rem; -} - -header .username { - cursor: pointer; -} - /* headings */ h1 { diff --git a/animism-align/frontend/common/form.css b/animism-align/frontend/common/form.css index b3b022e..ca7c27b 100644 --- a/animism-align/frontend/common/form.css +++ b/animism-align/frontend/common/form.css @@ -265,6 +265,9 @@ button:disabled:after { .buttons button { margin-right: 0.75rem; } +.buttons button:last-child { + margin-right: 0; +} button.submit { border-color: #d8f; color: #fff; diff --git a/animism-align/frontend/common/header.component.js b/animism-align/frontend/common/header.component.js deleted file mode 100644 index 9e96e80..0000000 --- a/animism-align/frontend/common/header.component.js +++ /dev/null @@ -1,41 +0,0 @@ -import React from 'react' -// import { bindActionCreators } from 'redux' -import { connect } from 'react-redux' -import { Link } from 'react-router-dom' -import { session } from '../session' - -function Header(props) { - return ( - <header> - <div> - <Link to="/" className="logo"><b>{props.site.siteTitle}</b></Link> - </div> - <div> - <span className='username' onClick={() => changeUsername()}> - {' → '}{props.username} - </span> - </div> - </header> - ) -} - -const changeUsername = () => { - const username = prompt("Please enter your username:", session('username')) - if (username && username.length) { - session.set('username', username) - document.querySelector('Header div span').innerText = ' → ' + username // very naughty - } -} - - -const mapStateToProps = (state) => ({ - // auth: state.auth, - site: state.site, - username: session.get('username'), - // isAuthenticated: state.auth.isAuthenticated, -}) - -const mapDispatchToProps = (dispatch) => ({ -}) - -export default connect(mapStateToProps, mapDispatchToProps)(Header) diff --git a/animism-align/frontend/common/index.js b/animism-align/frontend/common/index.js index 3647203..0678a93 100644 --- a/animism-align/frontend/common/index.js +++ b/animism-align/frontend/common/index.js @@ -1,4 +1,4 @@ -export { default as Header } from './header.component' +// export { default as Header } from './header.component' export { MenuButton, SmallMenuButton, MenuRoute, } from './menubutton.component' |
