updated page widths
This commit is contained in:
parent
34fc618c72
commit
aec7ac44cc
15 changed files with 36 additions and 69 deletions
|
@ -23,12 +23,6 @@ html, body {
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
.page-contents {
|
||||
margin: 0px auto;
|
||||
padding: 0px;
|
||||
height: calc(100% - 7rem);
|
||||
max-width: 1200px;
|
||||
}
|
||||
/* TEXT */
|
||||
|
||||
body, button, input, textarea, label, select, option {
|
||||
|
@ -146,13 +140,19 @@ h3 {
|
|||
padding-left: 0px;
|
||||
}
|
||||
|
||||
|
||||
.row--narrow {
|
||||
margin: 0px auto;
|
||||
max-width: 1200px;
|
||||
}
|
||||
|
||||
.row--short {
|
||||
padding-top: 0px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.row--full-height {
|
||||
height: calc(100% - 4rem);
|
||||
height: calc(100% - 11rem);
|
||||
}
|
||||
|
||||
.row--no-top {
|
||||
|
@ -429,6 +429,7 @@ table {
|
|||
|
||||
.nav-bar-subtitle {
|
||||
font-size: small;
|
||||
padding-left: 4rem;
|
||||
}
|
||||
|
||||
.nav-bar-link {
|
||||
|
|
|
@ -1,26 +1,17 @@
|
|||
|
||||
@media (max-width: 1050px) {
|
||||
|
||||
.nav-bar-title, .nav-bar-subtitle {
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.nav-bar-link-section {
|
||||
position: relative;
|
||||
padding-left: 0px;
|
||||
}
|
||||
|
||||
.nav-bar {
|
||||
height: 8rem;
|
||||
}
|
||||
|
||||
.page-contents {
|
||||
height: calc(100% - 8rem);
|
||||
.nav-bar-subtitle {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 750px ) {
|
||||
|
||||
body, button, input, textarea, label, select, option {
|
||||
font-size: medium;
|
||||
}
|
||||
|
||||
.column--med-10 {
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -30,10 +21,14 @@
|
|||
}
|
||||
|
||||
.nav-bar {
|
||||
height: 12rem;
|
||||
height: 9rem;
|
||||
}
|
||||
|
||||
.nav-bar-title, .nav-bar-subtitle {
|
||||
.row--full-height {
|
||||
height: calc(100% - 16rem);
|
||||
}
|
||||
|
||||
.nav-bar-title {
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
|
@ -50,15 +45,12 @@
|
|||
padding: 1em 0px 1em 0px;
|
||||
}
|
||||
|
||||
.page-contents {
|
||||
height: calc(100% - 12rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 350px) {
|
||||
@media (max-width: 450px) {
|
||||
|
||||
body, button, input, textarea, label, select, option {
|
||||
font-size: medium;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
}
|
|
@ -1,4 +1,4 @@
|
|||
<div class="row row--full-height">
|
||||
<div class="row row--full-height row--narrow">
|
||||
<div class="column column--5 column--med-10 align-content-top">
|
||||
<div class="row row--short">
|
||||
<span class="pull-quote">Open-source, decentralized image and video hosting</span>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class="row row--full-height">
|
||||
<div class="row row--full-height row--narrow">
|
||||
<div class="column column--10 align-content-center">
|
||||
<h2>{{this.channelName}}<span class="h2--secondary">:{{this.longChannelId}}</span></h2>
|
||||
</div>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div>
|
||||
<div class="row row--narrow">
|
||||
<h3>404: Not Found</h3>
|
||||
<p>That page does not exist. Return <a href="/">home</a>.</p>
|
||||
</div>
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="publish-form-wrapper" hidden="true">
|
||||
<div id="publish-form-wrapper" class="row row--short row--narrow" hidden="true">
|
||||
<div class="column column--10">
|
||||
<!-- title input -->
|
||||
<input type="text" id="publish-title" class="input-text input-text--large input-text--full-width" placeholder="Give your post a title...">
|
||||
|
|
|
@ -30,8 +30,6 @@
|
|||
<script src="/assets/js/navBarFunctions.js"></script>
|
||||
{{> releaseBanner}}
|
||||
{{> navBar}}
|
||||
<div class="page-contents">
|
||||
{{{ body }}}
|
||||
</div>
|
||||
{{{ body }}}
|
||||
</body>
|
||||
</html>
|
|
@ -23,9 +23,7 @@
|
|||
<script src="/assets/js/loginFunctions.js"></script>
|
||||
<script src="/assets/js/navBarFunctions.js"></script>
|
||||
{{> navBar}}
|
||||
<div class="page-contents">
|
||||
{{{ body }}}
|
||||
</div>
|
||||
{{{ body }}}
|
||||
<script src="/assets/js/showFunctions.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class="row row--full-height">
|
||||
<div class="row row--full-height row--narrow">
|
||||
<div class="row row--wide">
|
||||
<p>Channels allow you to publish and group content under an identity. You can create a channel for yourself, or share one with like-minded friends. You can create 1 channel, or 100, so whether you're documenting <a target="_blank" href="/@hikingchris45">a hike around town</a>, or making a public repository for <a target="_blank" href="/@catGifs">cat gifs</a> (password: '1234'), try creating a channel for it!</p>
|
||||
</div>
|
||||
|
|
|
@ -1,22 +0,0 @@
|
|||
<div>
|
||||
<h2>New on Spee.ch</h2>
|
||||
<p><i>The 25 most recent publishes on spee.ch</i></p>
|
||||
{{#each newClaims}}
|
||||
<div class="all-claims-item">
|
||||
<a href="/{{this.claimId}}/{{this.name}}">
|
||||
{{#ifConditional this.fileType '===' 'video/mp4'}}
|
||||
<img class="all-claims-asset" src="/assets/img/video_thumb_default.png"/>
|
||||
{{else}}
|
||||
<img class="all-claims-asset" src="/{{this.claimId}}/{{this.name}}.ext" />
|
||||
{{/ifConditional}}
|
||||
</a>
|
||||
<div class="all-claims-details">
|
||||
<ul style="list-style-type:none">
|
||||
<li><bold>{{this.name}}</bold></li>
|
||||
<li><i>Claim Id: {{this.claimId}}</i></li>
|
||||
<li><a href="/{{this.claimId}}/{{this.name}}">Link</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
|
@ -1,4 +1,4 @@
|
|||
<div class="row">
|
||||
<div class="row row--narrow">
|
||||
<h3>No Channel</h3>
|
||||
<p>There are no published channels matching your url</p>
|
||||
<p>If you think this message is an error, contact us in the <a href="https://lbry.slack.com/" target="_blank">LBRY slack!</a></p>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class="row">
|
||||
<div class="row row--narrow">
|
||||
<h3>No Claims</h3>
|
||||
<p>There are no free assets at that claim. You should publish one at <a href="/">spee.ch</a>.</p>
|
||||
<p>NOTE: it is possible your claim was published, but it is still being processed by the blockchain</p>
|
||||
|
|
|
@ -47,13 +47,13 @@
|
|||
<a target="_blank" href="https://twitter.com/intent/tweet?text=https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}">twitter</a>
|
||||
</div>
|
||||
<div class="column column--2">
|
||||
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fspee.ch%2F{{fileInfo.shortId}}%2F{{fileInfo.name}}">facebook</a>
|
||||
<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}">facebook</a>
|
||||
</div>
|
||||
<div class="column column--2">
|
||||
<a target="_blank" href="">tumblr</a>
|
||||
<a target="_blank" href="http://tumblr.com/widgets/share/tool?canonicalUrl=https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}">tumblr</a>
|
||||
</div>
|
||||
<div class="column column--2">
|
||||
<a target="_blank" href="https://www.reddit.com/submit?url=http%3A%2F%2Fspee.ch%2F{{fileInfo.shortId}}%2F{{fileInfo.name}}&title={{fileInfo.name}}">reddit</a>
|
||||
<a target="_blank" href="https://www.reddit.com/submit?url=https://spee.ch/{{fileInfo.shortId}}/{{fileInfo.name}}&title={{fileInfo.name}}">reddit</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class="row grid">
|
||||
<div class="row row--narrow grid">
|
||||
{{#each trendingAssets}}
|
||||
{{> gridItem}}
|
||||
{{/each}}
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class="row row--full-height">
|
||||
<div class="row row--full-height row--narrow">
|
||||
<div class="column column--10">
|
||||
<!-- title -->
|
||||
<span class="title-show">{{fileInfo.title}}</span>
|
||||
|
|
Loading…
Reference in a new issue