aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--vnext/src/App.js8
-rw-r--r--vnext/src/components/Message.css38
-rw-r--r--vnext/src/components/Spinner.js8
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>
);