diff options
author | 2018-12-06 17:28:14 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:54 +0300 | |
commit | 815750e983cdf9d76910afce494c18970c0fbf0b (patch) | |
tree | e7aaa0066b366bce90cdbc06ceecb68f1cf3d74b | |
parent | 393be1efe0c1c2d70be1a6b9e3be663fd2f98f6d (diff) |
layout fixes
-rw-r--r-- | vnext/src/App.js | 8 | ||||
-rw-r--r-- | vnext/src/components/Message.css | 38 | ||||
-rw-r--r-- | vnext/src/components/Spinner.js | 8 |
3 files changed, 8 insertions, 46 deletions
diff --git a/vnext/src/App.js b/vnext/src/App.js index 626153e0..3a825770 100644 --- a/vnext/src/App.js +++ b/vnext/src/App.js @@ -119,14 +119,14 @@ export default class App extends React.Component { } <Link to={{ pathname: '/discover' }} rel="nofollow"> <Icon name="ei-search" size="s" /> - <span className="desktop">Discover</span> - </Link> + <span className="desktop">Discover</span> + </Link> {user.uid > 0 ? <Link to={{ pathname: '/post' }}> <Icon name="ei-pencil" size="s" /> - <span className="desktop">Post</span> - </Link> + <span className="desktop">Post</span> + </Link> : <LoginButton title="Login" onAuth={this.auth} /> } diff --git a/vnext/src/components/Message.css b/vnext/src/components/Message.css index 328e5598..8a879805 100644 --- a/vnext/src/components/Message.css +++ b/vnext/src/components/Message.css @@ -1,57 +1,21 @@ -article { - background: #fff; - box-shadow: 0 0 3px rgba(0, 0, 0, 0.16); - line-height: 140%; - margin-bottom: 10px; - padding: 20px; -} -article time { - color: #999; - font-size: small; -} -article p { - clear: left; - margin: 5px 0 15px 0; - word-wrap: break-word; - overflow-wrap: break-word; -} -article .ir { - text-align: center; -} -article .ir a { - cursor: zoom-in; - display: block; -} .msg-cont .ir img { max-width: 100%; height: auto; } -article > nav.l, .msg-cont > nav.l { border-top: 1px solid #eee; display: flex; justify-content: space-around; font-size: small; } -article > nav.l a, .msg-cont > nav.l a { color: #888; margin-right: 15px; } -article .likes { - padding-left: 20px; -} -article .replies { - margin-left: 18px; -} -article .tags { - margin-top: 3px; -} .msg-tags { margin-top: 12px; min-height: 1px; } -article .tags > a, .badge, .msg-tags > a { background: #eee; @@ -93,7 +57,7 @@ article .tags > a, box-shadow: 0 0 3px rgba(0, 0, 0, 0.16); line-height: 140%; margin-bottom: 12px; - padding: 20px; + padding: 12px; } .reply-new .msg-cont { border-right: 5px solid #0C0; diff --git a/vnext/src/components/Spinner.js b/vnext/src/components/Spinner.js index b5e33947..a11426df 100644 --- a/vnext/src/components/Spinner.js +++ b/vnext/src/components/Spinner.js @@ -5,19 +5,17 @@ export default function Spinner(props) { return ( <div className="msg-cont"> <ContentLoader - height={160} speed={2} primaryColor="#f8f8f8" secondaryColor="#ecebeb" - style={{ height: '160px' }} {...props}> <rect x="56" y="6" rx="0" ry="0" width="117" height="6.4" /> <rect x="56" y="20" rx="0" ry="0" width="85" height="6.4" /> - <rect x="0" y="60" rx="0" ry="0" width="340" height="6.4" /> - <rect x="0" y="78" rx="0" ry="0" width="340" height="6.4" /> + <rect x="0" y="60" rx="0" ry="0" width="270" height="6.4" /> + <rect x="0" y="78" rx="0" ry="0" width="270" height="6.4" /> <rect x="0" y="96" rx="0" ry="0" width="201" height="6.4" /> <rect x="0" y="0" rx="0" ry="0" width="48" height="48" /> - <rect x="0" y="120" rx="0" ry="0" width="340" height="1" /> + <rect x="0" y="120" rx="0" ry="0" width="270" height="1" /> </ContentLoader> </div> ); |